@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap";*,*::after,*::before{box-sizing:border-box;padding:0;margin:0}html{font-size:62.5%}body{font-size:1.6rem;width:100%;min-height:100vh}input,button,select{font:inherit}button{background-color:rgba(0,0,0,0);color:inherit;border:none;cursor:pointer}a{text-decoration:none;display:inline-block;color:inherit}body{--bg-color: rgba(107, 141, 219, 0.2);--primary-color: rgb(255, 255, 255);--secondary-color: rgb(107, 141, 219);--accent-color: rgb(240, 153, 53);--main-text: rgb(70, 70, 70);--highlight-text: #cc4c77;--toggle-wrapper: rgb(59, 59, 59);font-family:"Poppins",sans-serif;font-weight:500;display:grid;place-items:center;gap:4rem;transition:background .3s linear;background:var(--bg-color);padding-top:4rem}body.dark{--bg-color: rgb(22, 22, 22);--primary-color: rgb(39, 39, 39);--main-text: rgb(231, 231, 231)}body.dark .calculator{box-shadow:none}body.dark .output{border-bottom:1px solid #464646}body.dark footer{color:#d2d2d2}.column-span-2{grid-column:span 2}.toggle-wrapper{position:relative;background-color:var(--toggle-wrapper);width:6rem;height:3rem;margin:1rem auto;border-radius:50px}.toggle-wrapper .toggle-checkbox,.toggle-wrapper .toggle-label{width:100%;height:100%}.toggle-wrapper .toggle-checkbox{position:absolute;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toggle-wrapper .toggle-label{display:flex;justify-content:space-around;align-items:center}.toggle-wrapper .toggle-label::after{content:"";width:1.9rem;height:1.9rem;position:absolute;left:.5rem;background-color:var(--secondary-color);border-radius:50%;transition:transform .3s linear;cursor:pointer}.toggle-wrapper i{color:var(--accent-color);font-size:1.4rem}.toggle-wrapper .toggle-checkbox:checked+.toggle-label::after{transform:translateX(3.1rem)}.calculator{width:min(350px,90%);background-color:var(--primary-color);border-radius:20px;overflow:hidden;box-shadow:rgba(50,50,93,.25) 0px 6px 12px -2px,rgba(0,0,0,.3) 0px 3px 7px -3px}.output{padding:1rem 2rem;height:20rem;text-align:right;display:flex;flex-direction:column;justify-content:flex-end;border-bottom:1px solid #d4d4d4;word-break:break-all}.output .main-display{font-size:3.6rem;color:var(--main-text)}.output .operation-display{font-size:2.4rem;color:var(--highlight-text)}.buttons{padding:2.5rem 2rem;display:grid;grid-template-columns:repeat(4, 5rem);grid-template-rows:repeat(5, 5rem);justify-content:space-between;gap:2rem 0;font-size:2.6rem}.buttons button{color:var(--main-text);text-align:center;transition:all .3s ease-in-out}.buttons button:hover:not(.btn-bg-secondary){color:var(--highlight-text)}.buttons button:hover:not(.btn-bg-secondary) i{color:var(--highlight-text)}.buttons .btn-text-secondary{color:var(--secondary-color)}.buttons .btn-text-secondary i{color:var(--secondary-color);transition:all .3s ease-in-out}.buttons .btn-bg-secondary{font-size:2.4rem;background-color:var(--secondary-color);color:#fff;border-radius:50%;box-shadow:rgba(0,0,0,.16) 0px 3px 6px,rgba(0,0,0,.23) 0px 3px 6px}.buttons .btn-bg-secondary:hover{color:#fff;background-color:var(--highlight-text)}footer{color:var(--main-text);align-self:end;padding:1rem;font-size:1.5rem}footer a:hover{text-decoration:underline}/*# sourceMappingURL=style.css.map */