:root{--background: white;--text-primary: black;--transition-speed: .6s}[data-theme=dark]{--background: black;--text-primary: white}body,html,#root{font-family:Helvetica,Arial,sans-serif;transition:var(--transition-speed);background-color:var(--background);overflow:hidden;margin:0;padding:0;width:100%;height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#name{font-weight:700;-webkit-user-select:none;user-select:none;font-size:21pt;transition:var(--transition-speed);color:var(--text-primary)}canvas{transition:all var(--transition-speed);overflow:hidden;display:block;touch-action:none;scrollbar-width:none}nav ul,nav{margin:0;padding:0;list-style:none;text-align:center}nav{margin:auto;width:100%;overflow:hidden}nav li{display:inline-block;border-radius:10px;width:130px;padding:2px 12px 10px;-webkit-user-select:none;user-select:none}nav a{font-size:15pt;text-decoration:none;color:var(--text-primary);-webkit-user-select:none;user-select:none;transition:.6s}#icons{padding:0;margin:0;height:fit-content;text-align:center}#icons a{text-decoration:none;text-align:center;font-size:32px;margin:15px;transition:var(--transition-speed);color:var(--text-primary)}#content{padding:0 15px;line-height:2;text-align:center;align-items:center;transition:.6s;color:var(--text-primary);font-size:1.5vh;width:50vw;max-width:880px}input{cursor:pointer;border-radius:0;margin:0 5px;width:100px;accent-color:var(--text-primary);transition:.6s}#buttons{text-align:center;padding:5px 0}.controls{border-radius:8px;border-width:0;font-size:15pt;line-height:20px;margin:0 5px;padding:8px 12px;text-align:center;display:inline;overflow:hidden;list-style:none;cursor:pointer}select{background-color:#f0f0f0;border-radius:8px;border-width:0;font-size:15pt;margin:0 5px;padding:6px 0;text-align:center;display:inline;overflow:hidden;list-style:none;cursor:pointer}.box{padding:15px 0 10px;display:flex}.center{flex:1;display:flex;justify-content:center;margin-left:45px}#switch{color:var(--text-primary);background-color:transparent;border:none;display:inline-block;padding:0;margin:5px 20px 5px 0;height:25px;width:25px;border-radius:50%;text-align:right;font-size:25px;transition:color .5s;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;outline-offset:5px}.links{text-decoration:none;color:var(--text-primary);transition:.6s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.centered{height:calc(100vh - 150px);display:flex;justify-content:center;align-items:center;color:var(--text-primary)}@media (max-width: 768px){.centered{height:auto;padding-top:10%}#content{height:auto;padding-top:20px;font-size:1rem;width:100%}}.calculator{background-color:var(--text-primary);border:none;color:var(--background);width:250px;padding:35px;transition:var(--transition-speed);border-radius:10px 10px 45px 45px}.calculator-container{display:grid;grid-gap:15px;grid-template-columns:repeat(4,50px);background:var(--text-primary);transition:var(--transition-speed)}.calculator-button{cursor:pointer;border:none;color:#fff;background-color:#666;border-radius:50%;font-size:20px;padding:15px 0;width:45px;height:45px;margin:2px;transition:all .2s ease;font-weight:700;box-shadow:0 3px 6px #0000001a;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;font-family:monospace}.calculator-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.calculator-button:active,.calculator-button.pressed{transform:translateY(1px);box-shadow:0 2px 4px #0000001a}.calculator-button.number{background-color:#272727;color:#fff}.calculator-button.number:hover{background-color:#424242}.calculator-button.number:active,.calculator-button.number.pressed{background-color:#1a1a1a}.calculator-button.function{background-color:#4caf50}.calculator-button.function:hover{background-color:#45a049}.calculator-button.function:active,.calculator-button.function.pressed{background-color:#3d8b40}.calculator-button.operator{background-color:#795548}.calculator-button.operator:hover{background-color:#6d4c41}.calculator-button.operator:active,.calculator-button.operator.pressed{background-color:#5d4037}.calculator-button.equal{background-color:#ff9800}.calculator-button.equal:hover{background-color:#fb8c00}.calculator-button.equal:active,.calculator-button.equal.pressed{background-color:#f57c00}.calculator-button.delete{background-color:#4caf50}.calculator-button.delete:hover{background-color:#45a049}.calculator-button.delete:active,.calculator-button.delete.pressed{background-color:#3d8b40}.calculator-button-big{grid-row-end:span 2;height:100px}.calculator-header{grid-column-end:span 4}.calculator-brand{font-size:24px;text-align:center;transition:var(--transition-speed);font-weight:700}.calculator-subtext{font-size:16px;padding-top:5px;transition:var(--transition-speed);font-weight:lighter;letter-spacing:.5px}.calculator-screen{background-color:var(--background);border-color:var(--text-primary);border-style:solid;border-width:thin;color:var(--text-primary);font-size:25px;margin:40px 0 10px;overflow:hidden;padding:10px;text-align:right;text-overflow:ellipsis;white-space:nowrap;z-index:10;transition:.6s;font-weight:600}.calculator-screen::-webkit-scrollbar{display:none}[data-theme=dark] .calculator-screen{background-color:#2a2a2a}#timer{padding-top:20%;display:flex;justify-content:center;align-items:center;font-size:calc(5rem + .5vw);color:var(--text-primary);transition:.6s}#timer span{width:calc(6rem + .5vw);display:inline-block;text-align:center}#lap-times{overflow-y:hidden;font-size:20px;margin-left:auto;margin-right:auto;max-height:200px}#lap-times thead{padding:10px}#lap-times tbody{overflow:scroll;width:100%;height:100%;max-height:100px}#stopwatch-menu{margin-left:auto;margin-right:auto;width:200px;text-align:center;color:var(--text-primary);transition:.6s}#stopwatch-menu button{margin:0 5px 10px}.square-box{position:relative;width:500px;height:500px;background-color:#d3d3d3}.random-button{position:absolute;background-color:#007bff;padding:30px;border:none;cursor:pointer;border-radius:50%;box-shadow:inset -15px -15px 18px #00000080;background-image:-webkit-linear-gradient(-45deg,rgba(255,255,220,.3) 0%,transparent 100%);background-image:-moz-linear-gradient(-45deg,rgba(255,255,220,.3) 0%,transparent 100%);background-image:-o-linear-gradient(-45deg,rgba(255,255,220,.3) 0%,transparent 100%)}p{font-size:15pt;color:var(--text-primary);transition:.6s}label{-webkit-user-select:none;user-select:none;font-size:15pt;color:var(--text-primary);transition:.6s}