@import"https://fonts.googleapis.com/css2?family=League+Spartan:wght@700&display=swap";:root{--background-color: hsl(222, 26%, 31%);--toggle-background-color: hsl(223, 31%, 20%);--screen-background-color: hsl(224, 36%, 15%);--second-key-background: hsl(225, 74%, 79%);--second-key-shadow: hsl(224, 23%, 47%);--important-key-background: hsl(6, 63%, 50%);--important-key-shadow: hsl(6, 70%, 34%);--normal-key-background: hsl(30, 25%, 89%);--normal-key-shadow: hsl(28, 16%, 65%);--text-color-body: hsl(0, 0%, 100%);--text-color-light: hsl(221, 14%, 31%);--text-color-dark: hsl(0, 0%, 100%)}body.theme-2{--background-color: hsl(0, 0%, 90%);--toggle-background-color: hsl(0, 5%, 81%);--screen-background-color: hsl(0, 0%, 93%);--second-key-background: hsl(184, 37%, 52%);--second-key-shadow: hsl(185, 58%, 25%);--important-key-background: hsl(25, 98%, 40%);--important-key-shadow: hsl(25, 99%, 27%);--normal-key-background: hsl(45, 7%, 89%);--normal-key-shadow: hsl(35, 11%, 61%);--text-color-body: hsl(60, 10%, 19%);--text-color-light: hsl(60, 10%, 19%);--text-color-dark: hsl(0, 0%, 100%)}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--text-color-body);background:var(--background-color);transition:color 1s,background-color 1s;line-height:1.6;font-family:League Spartan,sans-serif;font-weight:700;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}table{margin:1rem}tr{font-size:13px}th{margin-right:30px}h6{font-size:15px}.calc-container{display:flex;flex-direction:column;max-width:350px;margin:0 2rem}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.3rem}.logo{font-size:25px}.theme-container{display:flex;font-size:11px;justify-content:center;align-items:center}.toggle-container{position:relative;height:19px;width:36px;background-color:var(--toggle-background-color);border-radius:30px}.theme{margin-right:1rem}.theme-button{position:absolute;top:3px;left:3px;display:inline-block;height:13px;width:13px;background-color:var(--important-key-background);border:none;border-radius:50%;cursor:pointer;transition:left .3s ease}.result-container{margin-bottom:1rem;padding:1.5rem;font-size:30px;background-color:var(--screen-background-color);border:none;border-radius:8px;text-align:right;height:100px}.limited-msg{font-size:28px;margin-bottom:0}@keyframes shake{0%,to{transform:translateY(0)}25%,75%{transform:translateY(-2px)}50%{transform:translateY(2px)}}.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.operater-container{background-color:var(--screen-background-color);padding:1rem;border-radius:8px}.row{display:flex}.number-button{margin:8px 6px;font-family:League Spartan,sans-serif;font-size:23px;color:var(--text-color-light);height:40px;width:70px;background-color:var(--normal-key-background);border:none;border-radius:8px;cursor:pointer;box-shadow:0 3px var(--normal-key-shadow);position:relative;top:0;transition:top .1s ease}.number-button:active{top:1px}.del-button{font-size:20px;background-color:var(--second-key-background);color:var(--text-color-dark);box-shadow:0 3px var(--second-key-shadow)}.reset-button{width:148px;font-size:20px;background-color:var(--second-key-background);color:var(--text-color-dark);box-shadow:0 3px var(--second-key-shadow)}.equal-button{width:148px;font-size:20px;background-color:var(--important-key-background);color:var(--text-color-dark);box-shadow:0 3px var(--important-key-shadow)}.user-container{display:flex}.input-container{border:2px solid black}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{display:flex;place-items:center}#app{display:grid;grid-template-columns:1fr 1fr;padding:0 2rem}}