*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:League Spartan,sans-serif;height:100vh;margin:0}#root{align-items:center;display:flex;justify-content:center;min-height:100%}#root.first{background-color:#3a4764}#root.second{background-color:#e6e6e6}#root.third{background-color:#160628}.calculator{display:flex;flex-basis:28%;flex-direction:column;flex-grow:0;flex-shrink:0;gap:20px;height:50%}.keypad{background-color:#232c43;border-radius:15px;display:grid;grid-template-columns:25% [first] 25% [second] 25% [third] 25% [fourth];height:400px;padding:15px}.keypad.second{background-color:#d1cccc}.keypad.third{background-color:#1d0934}.keypad button{background-color:#eae3dc;border:none;border-radius:10px;box-shadow:0 5px #b4a597;color:#444b5a;cursor:pointer;font-size:32px;font-weight:700;margin:12px;min-width:60px;transition:.05s ease-in-out}.keypad button.second{background-color:#e5e4e1;box-shadow:0 5px #a69d91;color:#35352c}.keypad button.third{background-color:#341c4f;box-shadow:0 5px #871c9c;color:#ffe53d}button:active{box-shadow:none;-webkit-transform:translateY(5px);transform:translateY(5px)}.blueKey{background-color:#637097!important;box-shadow:0 5px #404e72!important;color:#fff!important;font-size:20px!important}.blueKey.second{background-color:#377f86!important;box-shadow:0 5px #1b5f65!important}.blueKey.second,.blueKey.third{color:#fff;font-size:20px!important}.blueKey.third{background-color:#58077d!important;box-shadow:0 5px #871c9c!important}.blueKey.longKey{grid-column-end:3;grid-column-start:1}.redKey.longKey{background-color:#d03f2f;box-shadow:0 5px #93261a;color:#fff;grid-column-end:5;grid-column-start:3}.redKey.longKey.second{background-color:#ca5502;box-shadow:0 5px #893901;color:#fff}.redKey.longKey.third{background-color:#00e0d1;box-shadow:0 5px #6cf9f2;color:#1b2428}.screen{align-items:center;background-color:#182034;border-radius:15px;color:#fff;display:flex;height:10vh;justify-content:end}.screen.second{background-color:#ededed}.screen.third{background-color:#1d0934}.screen>div{color:hsl(0,0,100%);font-size:4em;padding:10px 25px 0 0}.screen>div.second{color:#1b2428}.screen>div.third{color:#ffe53d}input{-webkit-appearance:none;appearance:none;background-color:#d03f2f;border-radius:50%;height:15px;margin:3px 2px 0;opacity:0;width:15px}input.second{background-color:#ca5502!important}input.third{background-color:#00e0d1!important}input:hover{cursor:pointer}.container{display:flex;justify-content:space-between;width:100%}.toggle{align-items:center;display:flex}.toggle_label{color:#fff;font-size:.6em;margin:5px 20px 0 0}.toggle_label.second{color:#1b2428}.toggle_label.third{color:#ffe53d}.app_label{align-items:center;color:#fff;display:inline-flex;font-size:2em}.app_label.second{color:#1b2428}.app_label.third{color:#ffe53d}.toggle_button{display:flex;flex-direction:column;height:3em}.labels{margin-left:2px}.labels>span{color:#fff;font-size:.6em;margin:7px}.labels>span.second{color:#1b2428}.labels>span.third{color:#ffe53d}.buttons{background-color:#232c43;border-radius:50px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.buttons.second{background-color:#d1cccc}.buttons.third{background-color:#1d0934}@media screen and (max-width:375px){#root{align-items:flex-start;height:100%;justify-content:center}.calculator{flex-basis:90%;flex-grow:0;flex-shrink:0;height:600px;padding-bottom:30px;padding-top:30px}.keypad{height:500px;padding:10px}.keypad button{margin:8px}.screen{height:80px}}
/*# sourceMappingURL=main.b6de9db4.css.map*/