@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500&display=swap";body{background:rgb(0,190,255);background:linear-gradient(242deg,rgba(0,190,255,1) 0%,rgba(237,227,245,1) 38%,rgba(255,247,208,1) 100%);background-repeat:no-repeat;min-height:100vh;display:flex;justify-content:center;align-items:center}.wrapper{width:400px;height:600px;background-color:#ede3f5;border-radius:15px;box-shadow:-1px -1px 15px .5px #635274;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-family:Ubuntu,sans-serif}.screen{width:380px;height:150px;color:#fff;border-bottom:1px solid rgb(220,213,230);font-family:inherit;color:#6b2554;font-size:3rem;margin-bottom:20px}.screen p{margin:80px 0 0;text-align:end}.button-box{width:360px;height:450px;border-radius:15px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr);gap:1px;justify-items:center;align-items:center;margin-bottom:20px}.button{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background-color:#e9d9f5;border-radius:50%;border-style:none;color:#542675;font-size:2.5rem;font-family:inherit;transition:.5s}.equal-button{background-color:#bb71a2;color:#fff;grid-column:3/5;width:160px;height:80px;border-radius:50px;font-size:5rem;padding-bottom:15px}.math-symbols-button{font-size:3rem;color:#6b2554}.unicode-button{font-size:3.7rem;color:#6b2554}.clear-button{color:#cc3a52}.button:hover{background-color:#c2b5cc;font-size:2em}.equal-button:hover{font-size:4.5em}.math-symbols-button:hover{font-size:2.5em}.unicode-button:hover{font-size:3.2rem}@media (max-width: 410px){.wrapper{transform:scale(.8)}}