@import url("https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&display=swap");main{width:320px;height:600px;margin:auto;padding:25px;box-shadow:2px 2px 8px;font-family:Fredoka;background-color:#222;justify-content:center;align-items:center;border-radius:5%}main .calcname{text-align:center;color:#fff}main .res{text-align:right;margin-bottom:15px;border-radius:10px;min-height:60px}button,main .res{color:#fff;background-color:#333;padding:20px;font-size:1.5em}button{font-family:Fredoka;border-radius:15px;border:none}main .buttons{font-family:Fredoka;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}button:hover{background-color:#444}button.operator{background-color:#ff9500}button.operator:hover{background-color:#ffab40}button.equal{background-color:#34c759;grid-column:span 2}button.equal:hover{background-color:#5fd688}button.remove{background-color:red;grid-column:span 2}button.remove:hover{background-color:#ff6f5e}@media (max-width:480px){main{margin-top:25%;width:90%;padding:15px;height:550px}button{height:60px}}