@import"https://fonts.googleapis.com/css2?family=Major+Mono+Display&display=swap";*{margin:0;padding:0}body{font-family:Roboto,sans-serif;background-color:#a4b9c4}h1{text-align:center;padding:30px;color:#222;font-size:50px}main{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 200px)}.container{border:2px solid black;padding:40px 20px 20px;border-radius:10px;background-color:#e7e7e7;box-shadow:5px 5px 10px #0003}.container h3{margin-bottom:20px;font-size:25px}.container .calc-clear{margin-top:15px;display:flex;flex-direction:row-reverse}.container .calc-header{display:flex;justify-content:space-between}.container .calc-header .calc-solar{height:30px;width:100px;border:1px solid black;background-color:#43453b;box-shadow:inset 2px 2px 2px #00000080}.container .calc-keys{margin-top:15px;display:grid;place-items:center;grid-template-columns:repeat(4,1fr);grid-gap:10px}.calc-screen{display:flex;font-family:Major Mono Display,monospace;font-weight:bolder;background-color:#e8f1d0;width:350px;height:80px;box-shadow:inset 0 0 5px #0003;font-size:60px;justify-content:flex-end;align-items:flex-end;padding:10px;overflow:hidden}.text-sm{font-size:52px}.text-xs{font-size:47px}.text-xxs{font-size:32px}.calc-button{display:flex;justify-content:center;align-items:center;height:80px;width:80px;border:none;font-size:30px;cursor:pointer;transition:all .2s ease-in-out;background-color:#dbddd6;box-shadow:3px 3px #0003}.calc-button:hover{background-color:#d6d6d6}.calc-button:active{background-color:#c6c6c6;box-shadow:1px 1px #0003}.bg-operator{background-color:#757575;color:#fff}.bg-operator:hover{background-color:#646464!important}.bg-operator:active{background-color:#646464!important;box-shadow:1px 1px #0003}.bg-clear{background-color:#cd8644;color:#fff}.bg-clear:hover{background-color:#c07c3c!important}.bg-clear:active{background-color:#c07c3c!important;box-shadow:1px 1px #0003}.bg-equals{background-color:#d87589;color:#fff}.bg-equals:hover{background-color:#b24e62!important}.bg-equals:active{background-color:#b24e62!important;box-shadow:1px 1px #0003}