@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");body{padding:0;margin:0;box-sizing:border-box;font-family:sans-serif;background-image:url(https://img.freepik.com/free-vector/pink-gradient-spring-landscape_23-2148448599.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.container,body{width:100%;height:100vh}*{font-family:Poppins,serif}.container>h1{font-size:3rem;margin:0;padding-top:30px;color:#fff;text-align:center}.keypad{width:400px;height:auto;margin:150px auto;padding:20px;background:hsla(0,0%,100%,.1);backdrop-filter:blur(90px)}#results,.keypad{border-radius:20px}#results{padding:15px;width:90%;margin:auto;border:none;font-size:2rem}.btn-container{display:grid;grid-template-columns:30px 30px 30px 30px;justify-content:space-evenly;align-items:center;position:relative;left:-20px;gap:5px}button{width:70px;height:70px;border-radius:50%;margin:auto;font-size:1.2rem;border:none}.sp-btn{font-size:2rem}@media (max-width:500px){.keypad{width:300px;height:auto;padding:20px}#results{padding:20px;width:85%}button{width:60px;height:60px;border-radius:50%;margin:auto;font-size:1.2rem;border:none}}