@font-face{font-family:Departure-Mono;src:url(/DepartureMono-1.500/DepartureMono-Regular.woff2) format("woff2"),url(/DepartureMono-1.500/DepartureMono-Regular.woff) format("woff"),url(/DepartureMono-1.500/DepartureMono-Regular.otf) format("opentype")}#root{max-width:1280px;margin:0 auto;text-align:center}input{border:none;outline:none;font-size:18px;height:22px}.pageSelector{width:100%;gap:10px;margin-top:10px;align-items:center;z-index:100;margin-bottom:20px}.selectorImage{width:160px;cursor:pointer;transition:transform .2s ease-out;image-rendering:pixelated}.selectorImage:hover{transform:translateY(-8px)}.taskContainer{display:flex;flex-direction:row;width:90%}.taskSide{flex:1}.listTaskContainer{border-radius:4px;border:1px solid rgb(75,75,75);margin:5px;padding:3px;display:flex;flex-direction:row;position:relative}.taskList{display:flex;flex-direction:column;text-align:left;max-height:450px;overflow-y:auto}.checkArea{width:fit-content;height:fit-content;align-self:center;right:0;margin:10px;position:absolute;opacity:.5;font-size:40px;transition:opacity .3s ease-in-out;cursor:pointer}.checkArea:hover{opacity:1}.shiftedRadioAlignment{transform:translateY(25%)}.finishedTask{text-decoration:line-through}.headerText{font-size:28px;margin-top:5px;text-align:center;color:#000;width:100%}.myTodogotchiCanvas{position:relative;inset:0}.todogotchiContainer{width:600px;height:500px;background-color:#659ca9;overflow:hidden;position:relative;margin:10px auto}.stats{width:580px;height:30px;background-color:#000;margin:10px auto}.messageIcon{width:500px;height:300px;position:absolute;top:200px;right:20px;image-rendering:pixelated}.heartIcon-left{width:75px;height:50px;position:relative;margin-left:80px;image-rendering:pixelated}.heartIcon-right{width:75px;height:50px;position:relative;margin-right:100px;image-rendering:pixelated}.heartIcon{width:75px;height:50px;position:relative;image-rendering:pixelated}.todogotchiHeader{flex-direction:row;display:flex;width:100%;gap:10px;margin-top:10px;justify-content:center;z-index:100;margin-bottom:5px}.statsFill{margin:4px;background-color:green;position:absolute;height:22px}.friendList{margin:10px;width:600px;height:500px;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:10px}.friendTitle{color:#000;font-size:24px}.friendElement{color:#000;font-size:18px;cursor:pointer;transition:background-color .3s ease-in-out}.friendElement:hover{background-color:#a5a5a5}.friendContainer{display:flex;flex-direction:row;height:300px;max-width:400px;margin-left:auto;margin-right:auto}.friendTodogotchiCanvas{border:4px solid black;height:500px;width:300px}.selectedFriend{background-color:#979797}.friendTasksContainer{display:flex;flex-direction:column}.strikethrough{text-decoration:line-through}@font-face{font-family:Departure-Mono;src:url(/DepartureMono-1.500/DepartureMono-Regular.woff2) format("woff2"),url(/DepartureMono-1.500/DepartureMono-Regular.woff) format("woff"),url(/DepartureMono-1.500/DepartureMono-Regular.otf) format("opentype")}:root{font-family:Departure-Mono,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{font-family:Departure-Mono,Arial,sans-serif;color:#000}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:#e6e6fa}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:silver;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}input{background-color:#cfcfcf}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.mainView{position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:#e6e6fa;max-width:100vw;overflow-x:hidden}.mainContainer{display:flex;flex-direction:row}.hiddenCanvas{display:none}.canvasContainer{width:400px;height:400px;margin-left:auto;margin-right:auto}