@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap);*{font-family:"Roboto",sans-serif;font-size:18px}body{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.container{top:50%;left:50%;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin:0 auto;width:256px;text-align:center;border:10px solid #101116;background:#101116;border-radius:5px}.keypad{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(60px,auto)}input[type=text]{height:75px;width:249px;background-color:rgba(16,17,22,0);color:#fff;text-align:right;font-size:25px;font-weight:700;letter-spacing:1px}#clear{grid-column:1/3;grid-row:1;color:#262834}#result{grid-column:3/5;grid-row:5}#backspace,#result{color:#262834}button{margin:5px;border:none;border-radius:5px;cursor:pointer;background:#262834;color:#fff;font-weight:500}button:hover{-webkit-transform:scale(1.1);transform:scale(1.1);transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;box-shadow:0 0 11px rgba(238,243,240,.856)}button:active,button:focus,input:active,input:focus{outline:none}.highlight{background:#56cbdb}.bg{-webkit-animation:slide 3s ease-in-out infinite alternate;animation:slide 3s ease-in-out infinite alternate;background-image:linear-gradient(-60deg,#6c3 50%,#09f 0);bottom:0;left:-50%;opacity:.5;position:fixed;right:-50%;top:0;z-index:-1}.bg2{animation-direction:alternate-reverse;-webkit-animation-duration:4s;animation-duration:4s}.bg3{-webkit-animation-duration:5s;animation-duration:5s}@-webkit-keyframes slide{0%{-webkit-transform:translateX(-25%);transform:translateX(-25%)}to{-webkit-transform:translateX(25%);transform:translateX(25%)}}@keyframes slide{0%{-webkit-transform:translateX(-25%);transform:translateX(-25%)}to{-webkit-transform:translateX(25%);transform:translateX(25%)}}
/*# sourceMappingURL=main.05b578ca.chunk.css.map */