@import url(https://fonts.googleapis.com/css2?family=Spartan:wght@700&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}:root{--text-btn:#444b5a}:root,[data-theme=first]{--main-bg:#3a4764;--toggle-bg:#232c43;--screen-bg:#182034;--key-bg:#637097;--key-shadow:#404e72;--key-red:#d03f2f;--key-red-shadow:#93261a;--key-orange:#eae3dc;--key-orange-shadow:#b4a597;--text-blue:#eae3dc;--text-white:#fff}[data-theme=first]{--text-screen:#eae3dc;--text-btn:#444b5a}[data-theme=second]{--main-bg:#e6e6e6;--toggle-bg:#d1cccc;--screen-bg:#ededed;--key-bg:#377f86;--key-shadow:#1b5f65;--key-red:#ca5502;--key-red-shadow:#893901;--key-orange:#e5e4e1;--key-orange-shadow:#a69d91;--text-blue:#35352c;--text-white:#fff;--text-screen:#35352c;--text-btn:#35352c}[data-theme=third]{--main-bg:#160628;--toggle-bg:#1d0934;--screen-bg:#1d0934;--key-bg:#58077d;--key-shadow:#bc15f4;--key-red:#00e0d1;--key-red-shadow:#6cf9f2;--key-orange:#341c4f;--key-orange-shadow:#871c9c;--text-blue:#ffe53d;--text-dark-blue:#1b2428;--text-white:#fff;--text-screen:#ffe53d;--text-btn:#ffe53d}.App,body,html{background-color:#3a4764;background-color:var(--main-bg)}.App{color:#fff;color:var(--text-white);display:flex;font-family:Spartan,sans-serif;height:100vh;justify-content:center}.calc-layout{display:flex;flex-direction:column;margin-top:10vh;width:500px}.title-theme{color:#eae3dc;color:var(--text-blue);display:flex;justify-content:space-between}.calc-title{font-size:32px}.output-layout{align-items:center;background-color:#182034;background-color:var(--screen-bg);border:none;border-radius:10px;box-sizing:border-box;color:var(--text-screen);font-size:42px;font-weight:700;height:7rem;margin-right:1rem;margin-top:2rem;outline:none;padding-right:2rem;text-align:right;width:100%}.buttons-layout{background-color:#232c43;background-color:var(--toggle-bg);border-radius:10px;margin-top:1rem;padding:1.8rem}.btn-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:auto auto auto auto}.num-btn{background-color:#eae3dc;background-color:var(--key-orange);border-bottom:4px solid #b4a597;border-bottom:4px solid var(--key-orange-shadow);border-radius:10px;color:#444b5a;color:var(--text-btn);font-size:32px;height:45px;padding-top:.8rem;text-align:center;width:92px}.del-btn:hover,.num-btn:hover{cursor:pointer;-webkit-filter:brightness(.7);filter:brightness(.7)}.del-btn:active,.num-btn:active{-webkit-transform:scale(96%);transform:scale(96%)}.del-btn{background-color:#637097;background-color:var(--key-bg);border-bottom:4px solid #404e72;border-bottom:4px solid var(--key-shadow);border-radius:10px;height:45px;padding-top:.8rem;text-align:center;text-transform:uppercase;width:92px}.del-btn div{font-size:18px;margin-top:.5rem}.row-btns{grid-gap:20px;display:grid;gap:20px;grid-template-columns:auto auto;margin-top:1.5rem}.reset-btn{background-color:#637097;background-color:var(--key-bg);border:none;border-bottom:4px solid #404e72;border-bottom:4px solid var(--key-shadow);color:#fff;color:var(--text-white);height:60px;text-transform:uppercase}.eq-btn,.reset-btn{border-radius:10px;font-size:20px;font-weight:700;width:208px}.eq-btn{background-color:#d03f2f;background-color:var(--key-red);border:none;border-bottom:4px solid #93261a;border-bottom:4px solid var(--key-red-shadow);color:var(--text-dark-blue);max-height:60px}.eq-btn:hover,.reset-btn:hover{cursor:pointer;-webkit-filter:brightness(.7);filter:brightness(.7)}.eq-btn:active,.reset-btn:active{-webkit-transform:scale(96%);transform:scale(96%)}.theme-switch{align-items:end;display:flex}.themeTitle{font-size:12px;margin-right:1rem;text-transform:uppercase}.radioContainer{position:relative}.firstTheme{left:.1rem}.firstTheme,.secondTheme{font-size:12px;position:absolute;top:-1rem}.secondTheme{left:1.4rem}.thirdTheme{font-size:12px;left:2.8rem;position:absolute;top:-1rem}.switchContainer input{display:none}.switchContainer label{cursor:pointer;height:130%;position:absolute;text-align:center;top:-1rem;width:1.1rem;z-index:100}.themeSwitchContainer{align-items:flex-end;display:flex;gap:1rem}.switchContainer{margin-bottom:-.5rem;position:relative}.slider{background-color:#232c43;background-color:var(--toggle-bg);border-radius:25px;display:inline-block;height:1.5rem;position:relative;width:4rem}.slider:before{background-color:#d03f2f;background-color:var(--key-red);border-radius:50%;content:"";height:1rem;margin-inline:.25rem;position:absolute;top:50%;transition:all .3s ease;width:1rem}#firstTheme:checked~.slider:before,.slider:before{-webkit-transform:translateY(-50%);transform:translateY(-50%)}#secondTheme:checked~.slider:before{-webkit-transform:translate(1.2rem,-50%);transform:translate(1.2rem,-50%)}#thirdTheme:checked~.slider:before{-webkit-transform:translate(2.5rem,-50%);transform:translate(2.5rem,-50%)}.author{color:#177ba6;font-size:17px;font-weight:600;left:0;margin-top:20px;right:0;text-align:center}.author a{color:#1499d2;text-decoration:none}@media screen and (max-width:600px){.calc-layout{margin-top:3vh;min-width:330px;width:88%}.output-layout{font-size:32px;height:5.5rem}.btn-grid{gap:10px;grid-template-columns:1fr 1fr 1fr 1fr}.num-btn{border-radius:4px;font-size:24px;height:40px;min-width:60px;width:auto}.del-btn div{font-size:16px;margin-top:.2rem}.del-btn{border-radius:4px;height:40px;min-width:50px;width:auto}.row-btns{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:1.5rem}.eq-btn,.reset-btn{border-radius:4px;width:auto}.author{font-size:12px}}
/*# sourceMappingURL=main.9e8c210c.css.map*/