@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css";.ibm-plex-mono-regular{font-family:IBM Plex Mono,monospace;font-weight:400;font-style:normal}.ibm-plex-mono-medium{font-family:IBM Plex Mono,monospace;font-weight:500;font-style:normal}.ibm-plex-mono-bold{font-family:IBM Plex Mono,monospace;font-weight:700;font-style:normal}.ibm-plex-mono-regular-italic{font-family:IBM Plex Mono,monospace;font-weight:400;font-style:italic}.ibm-plex-mono-medium-italic{font-family:IBM Plex Mono,monospace;font-weight:500;font-style:italic}.ibm-plex-mono-bold-italic{font-family:IBM Plex Mono,monospace;font-weight:700;font-style:italic}.settingsFieldset{margin:0;position:absolute;top:35%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:rgb(from var(--background-color) r g b / .9);box-shadow:4px 8px 8px rgb(from var(--text-color-high) r g b / .9);width:50%;height:50%;display:flex;flex-direction:column}.settingsButton{border:1px solid var(--text-color-inbetween)!important;height:41.5px;padding:0 10px;font-family:IBM Plex Mono,monospace;font-weight:500;margin-left:auto;font-size:1em;transition:none!important}.settingsButton:hover{transform:none!important;border:1px solid var(--text-color-high)!important}.settingsContainer{justify-content:center;align-content:center;align-items:center;display:flex;flex-direction:row;width:100%}.settingsFooter{width:100%;height:5%;top:95%;margin-top:auto}a:link,a:visited{color:var(--text-color-inbetween)}a:hover{color:var(--text-color-high)}.controlButtons{display:flex;flex-direction:row}.mainButton{border:none;display:inline-block;text-align:center;text-decoration:none;font-size:1.15em;background:none;color:var(--text-color-inbetween);transition:.25s;outline:none}.mainButton:hover{cursor:pointer;color:var(--text-color-high);transform:scale(1.1)}.mainButton span{display:inline-block;transition:transform .2s ease}.mainButton span.rotated{transform:rotate(90deg)}.divident{position:absolute;top:100%;left:0;width:100%;margin-top:1.5em}todo{position:absolute;top:100%;left:50%;width:50vh;height:30vh;margin-top:1.5em;transform:translate(-50%);background:rgb(from var(--darker-background) r g b / .35);padding:1em;border-radius:1em;font-size:1em;overflow-y:auto}todo ul{padding-left:.75em}todo ul li{margin-bottom:.25em}todo ul hr{border-bottom:1px solid var(--text-color-high);border-top:none}.todoList{background:rgb(from var(--darker-background) r g b / .35);padding:1em;border-radius:1em;font-size:1em}.todoInput{background-color:transparent;border:none;border-bottom:1px solid var(--text-color-high);color:var(--text-color-high)}.todoInput:focus{outline:none}.todoButtonX{border:none;display:initial;text-align:center;text-decoration:none;font-size:1em;background:none;color:var(--text-color-inbetween);font-family:IBM Plex Mono;width:1.5em;height:1.5em;line-height:0px;padding:0;border:1px solid var(--text-color-inbetween)}.todoButtonX:hover{cursor:pointer;color:var(--text-color-high);border-color:var(--text-color-high)}.todoButtonX:focus{outline:none}.addTodoBtn{font-family:IBM Plex Mono;font-size:1em;margin:0;padding:0}.ml-1{margin-left:1em!important}.flex{display:flex}.flex-row{flex-direction:row}.basis-9\/10{flex-basis:90%}.basis-1\/10{flex-basis:10%}