:root{--dark-color: #080937;--dark-color-dark: #0d097e;--light-color: #08c6ab;--light-color-light: #5affe7;--highlight-color: #726eff;--light: #f9f9f9}#root{height:100vh;width:100vw;margin:0;text-align:center;overflow-x:hidden}body{background:linear-gradient(to bottom right,var(--light-color),var(--highlight-color));color:var(--light)}.App{align-items:center;overflow:hidden;overflow-x:hidden}.App-content{overflow-y:auto;overflow-x:hidden;text-align:center;position:relative;padding-bottom:3em;-webkit-overflow-scrolling:touch}.navbar{position:fixed;left:0;height:3em;top:91.5vh;width:100%;display:flex;flex-direction:row;align-self:center;align-items:center;justify-content:space-evenly;background-color:var(--light);border-color:var(--dark-color-dark);border-radius:80px;padding-top:.2em;padding-bottom:.2em}.navbar button{height:3em;width:3em;padding:0%;font-size:1em;display:flex;justify-content:center;align-items:center;border-radius:80%;color:var(--light);background-color:var(--highlight-color);border-color:var(--highlight-color)}.navbar button:hover{background-color:var(--light-color);color:var(--light)}.task-list>div{margin-bottom:20px}h2{color:#9f9f9f;margin-bottom:10px}.task-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1em;margin:auto auto 10px;border:1px solid #ccc;border-radius:.7em;width:80%}.task-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;cursor:pointer;padding:.5em}.subtasks-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;margin-top:.5em;border-top:1px solid #ccc;width:100%}.subtask-item{margin-top:5px;padding:5px;display:flex;flex-direction:row;flex-grow:1;align-items:center;justify-content:space-between;width:100%;cursor:pointer}.icon-button{padding:8px}.input-checkbox{margin-right:.5em}.buttons{color:var(--dark-color-dark);background-color:var(--light-color)}.weekly-tracker{display:flex;justify-content:space-between}.day,.gift-icon{flex:1;text-align:center;border-radius:12px;border-color:var(--light);border-style:solid;border-width:1px;margin:2px}.day.completed,.gift-icon.completed{background-color:var(--highlight-color)}.fab-bottom-right{position:fixed}.date-container{text-align:left;margin-left:.6em}.activities-list{text-align:left;margin-left:.5em}.react-calendar__tile{display:flex;justify-content:center;font-weight:700;align-items:center;background:var(--light);color:var(--highlight-color)}.react-calendar__navigation button{display:flex;justify-content:center;font-weight:700;align-items:center;background:var(--light);color:var(--highlight-color);border-radius:40px}.react-calendar__tile--active{background:var(--highlight-color);color:var(--light)}.react-calendar__bar{display:flex;justify-content:space-between;align-items:center;background:var(--highlight-color);color:var(--light)}.react-calendar__navigation{display:flex;justify-content:space-between;align-items:center}.react-calendar__navigation__arrow:disabled{color:#ccc}.react-calendar__button{background:none;border:none;color:var(--dark-color-dark);font:inherit;cursor:pointer;padding:0}#login{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto;padding-top:40px;padding-bottom:0;height:40vh;width:80vw;gap:1em;border:2px solid #f0f0f0;border-radius:40px}.logo{filter:invert(1);margin-top:5vh;margin-bottom:-5vh}:root{font-family:Inter,system-ui,Avenir,Helvetica,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}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}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:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}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}}