*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;background-color:#fff;color:#1d1d1c}.calculator-body{margin:10vh auto;width:300px;padding:15px;background-color:#0f041b;border-radius:8px}.answer-view{background-color:#800cb6;padding:15px 10px 10px;margin-bottom:20px;border-radius:5px;text-align:right;height:64px;font-weight:700;color:#ff0}.input{font-size:1.5rem}.result{font-size:2rem;font-weight:700}.buttons-container{background-color:#800cb6;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:10px}button{padding:5px;font-size:18px;border:none;border-radius:5px;cursor:pointer;color:#ff0;background-color:#3f0958}button:hover{background-color:#691b8d;color:#fff}.full-width{grid-column:span 2}button.full-width:hover{background-color:orange;color:#000}