@import url(https://fonts.googleapis.com/css2?family=League+Spartan:wght@700&display=swap);*{box-sizing:border-box;font-family:League Spartan,sans-serif;margin:0;padding:0}:root{--border-rad:10px;--body-text-color:#fff;--alt-text-color:#fff;--equals-text-color:#fff;--main-bg:#3a4764;--keypad-bg:#232c43;--screen-bg:#182034;--key-bg:#eae3dc;--key-shadow:#b4a597;--key-bg-active:#fff;--key-alt-bg:#637097;--key-alt-shadow:#404e72;--key-alt-active:#a3b3e1;--key-equals-bg:#d03f2f;--key-equals-shadow:#93261a;--key-equals-active:#f96c5d;--text-key:#444b5a;--toggle-color:#d03f2f;--toggle-bg:#232c43}body{background:#3a4764;background:var(--main-bg)}main{margin:1.5rem auto;row-gap:1.5rem;width:90%}.output,main{display:flex;flex-direction:column}.output{align-items:flex-end;background:#182034;background:var(--screen-bg);color:#fff;color:var(--body-text-color);font-size:3rem;height:5rem;justify-content:center;padding:3.5rem 1.5rem;width:100%}.calculator-grid,.output{border-radius:10px;border-radius:var(--border-rad)}.calculator-grid{grid-gap:1.5rem;background-color:#232c43;background-color:var(--keypad-bg);display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);padding:2rem}.calculator-grid button{background-color:#eae3dc;background-color:var(--key-bg);border-radius:10px;border-radius:var(--border-rad);border-style:none;box-shadow:0 5px 0 #b4a597;box-shadow:0 5px 0 var(--key-shadow);color:#444b5a;color:var(--text-key);font-size:32px;padding-bottom:.5rem;padding-top:1rem}.calculator-grid button:active{background-color:#fff;background-color:var(--key-bg-active)}.calculator-grid button.alt-key{background-color:#637097;background-color:var(--key-alt-bg);box-shadow:0 5px 0 #404e72;box-shadow:0 5px 0 var(--key-alt-shadow);color:#fff;color:var(--alt-text-color);font-size:1.5rem;text-transform:uppercase}.calculator-grid button.alt-key:active{background-color:#a3b3e1;background-color:var(--key-alt-active)}.calculator-grid button.equals-key{background-color:#d03f2f;background-color:var(--key-equals-bg);box-shadow:0 5px 0 #93261a;box-shadow:0 5px 0 var(--key-equals-shadow);color:#fff;color:var(--equals-text-color)}.calculator-grid button.equals-key:active{background-color:#f96c5d;background-color:var(--key-equals-active)}.grid-col-span-2{grid-column:span 2}.heading{color:#fff;color:var(--body-text-color);flex-direction:row;justify-content:space-between;margin-bottom:1rem}.heading,.theme-wrapper{align-items:flex-end;display:flex}.theme-wrapper{gap:2rem}.toggle-with-numbers{display:flex;flex-direction:column}#theme-label{font-size:.8rem;letter-spacing:.1ch;margin-bottom:.3rem}#theme-numbers{display:flex;justify-content:space-evenly}fieldset{background:#232c43;background:var(--keypad-bg);border:none;border-radius:50px;height:1.5rem;margin-top:.25rem;overflow:hidden;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}fieldset input[type=radio]{display:none}fieldset label{cursor:pointer;display:inline-block;margin:.25rem;text-align:center;z-index:1}.toggle-dot,fieldset label{border-radius:50px;height:15px;width:15px}.toggle-dot{position:absolute;top:.3rem;transition:left .4s ease}#theme1-toggle:checked~.toggle-dot{background:#d03f2f;background:var(--toggle-color);left:.25rem}#theme2-toggle:checked~.toggle-dot{background:#d03f2f;background:var(--toggle-color);left:1.6rem}#theme3-toggle:checked~.toggle-dot{background:#d03f2f;background:var(--toggle-color);left:3rem}#theme1-toggle:checked~.toggle-dot:hover,#theme2-toggle:checked~.toggle-dot:hover,#theme3-toggle:checked~.toggle-dot:hover{background:#f96c5d;background:var(--key-equals-active)}@media (min-width:768px) and (max-width:1023px){main{margin:3rem auto;width:75%}}@media (min-width:1024px){main{margin:3rem auto;width:40%}}
/*# sourceMappingURL=main.275d2e27.css.map*/