@import url(https://fonts.googleapis.com/css2?family=Montserrat&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;500;700;900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Poppins,sans-serif;letter-spacing:1px;margin:0;padding:0}body{align-items:center;background-color:#d8d7d7;display:flex;flex-direction:column;font-family:Montserrat,sans-serif;justify-content:center;min-height:100vh;text-align:center;transition:background .2s linear}body.dark{background-color:#292c35}body.dark .support a,body.dark h1{color:#fff}.checkbox{opacity:0;position:absolute}.checkbox-label{align-items:center;background-color:#111;border:1px solid #fff;border-radius:50px;cursor:pointer;display:flex;height:26px;justify-content:space-between;padding:5px;position:relative;width:50px}.fa-moon{color:#f1c40f}.fa-sun{color:#f39c12}.checkbox-label .ball{background-color:#fff;border-radius:50%;height:20px;left:2px;position:absolute;top:2px;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear;width:20px}.checkbox:checked+.checkbox-label .ball{-webkit-transform:translateX(24px);transform:translateX(24px)}.support{bottom:20px;position:absolute;right:20px}.support a{-webkit-backface-visibility:hidden;backface-visibility:hidden;color:#292c35;display:inline-block;font-size:32px;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.support a:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.Calculator{background-color:#fff;border-radius:28px;margin:0 auto;min-width:300px;width:300px}.Calculator nav{background-color:#121212;border:none;border-radius:28px 24px 0 0;color:#fff;display:grid;grid-template-columns:1fr 10fr;margin:0;padding:14px}.Calculator nav h3{align-self:center;border:none;padding:0 10px;text-align:start}.Calculator .display{background-color:#121212;border:none;border-radius:0 0 14px 14px;box-shadow:0 2px 1px rgba(0,0,0,.09),0 4px 2px rgba(0,0,0,.09),0 8px 4px rgba(0,0,0,.09),0 16px 8px rgba(0,0,0,.09),0 32px 16px rgba(0,0,0,.09);margin:0;padding:40px 20px;text-align:right}.Calculator .display .typing-display{color:#a160fb;font-size:small;font-weight:700;height:20px;overflow:auto}.Calculator .display .result-display{color:#fff;font-size:xx-large;font-weight:bolder;height:50px;overflow:auto;padding:1px}.Calculator .display .result-display::-webkit-scrollbar,.Calculator .display .typing-display::-webkit-scrollbar{height:0;width:0}.Calculator .keypad{display:grid;grid-template-columns:repeat(4,70px);padding:20px 10px;-webkit-user-select:none;user-select:none}.Calculator .keypad span{border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,.35);cursor:pointer;font-size:larger;font-weight:bolder;margin:9px;padding:14px;text-align:center;-webkit-user-select:none;user-select:none}.Calculator .keypad span:last-child{background-color:#a160fb;color:#fff}.Calculator .keypad span:first-child,.Calculator .keypad span:nth-child(12),.Calculator .keypad span:nth-child(16),.Calculator .keypad span:nth-child(2),.Calculator .keypad span:nth-child(3),.Calculator .keypad span:nth-child(4),.Calculator .keypad span:nth-child(8){color:#8b8b8b;font-weight:200}.Calculator .keypad span:last-child,.Calculator .keypad span:nth-child(12),.Calculator .keypad span:nth-child(16),.Calculator .keypad span:nth-child(4),.Calculator .keypad span:nth-child(8){font-size:xx-large;padding:5px}.Calculator .keypad span:active{box-shadow:inset 0 30px 60px -12px rgba(50,50,93,.25),inset 0 18px 36px -18px rgba(0,0,0,.3)}.darktheme{background-color:#191919;color:#f1f1f1}.darktheme .display{box-shadow:0 2px 1px #000,0 4px 2px #000,0 8px 4px #191919,0 16px 8px #191919,0 64px 32px #191919}.darktheme .keypad span{box-shadow:3px 5px 10px #000}.darktheme .keypad span:active{box-shadow:inset 0 30px 60px -12px rgba(0,0,0,.8),inset 0 18px 36px -18px rgba(0,0,0,.7)}
/*# sourceMappingURL=main.46a1fc9e.css.map*/