html,body{width:100%;height:100%;margin:0;padding:0}h1{padding-top:0;margin-top:0;font-size:4rem}ol{padding:0;margin:0}li{font-size:2rem;font-weight:700;padding:15px;background-color:var(--background-color);margin-right:20px;margin-left:20px;margin-bottom:10px;border:3px solid grey;border-radius:5px;display:flex;align-items:center;list-style-position:outside}#root{height:100%;width:100%}:root{--background-color: #f6f6f6;--foreground-color: #003cff;--primary-text-color: #0a0a0a;--secondary-text-color: #ffffff;--toggle-bg: #fff895;--toggle-fg: #ffd723}[data-theme=dark]{--background-color: #0a0a0a;--foreground-color: #567aff;--primary-text-color: #f6f6f6;--secondary-text-color: #0a0a0a;--toggle-bg: #283452;--toggle-fg: #00a6ff}.toggle-container{position:relative}.toggle{visibility:hidden}.toggle+label{display:flex;align-items:center;font-size:2.5rem;cursor:pointer;color:var(--primary-text-color)}.toggle+label:before{content:"";height:1em;width:2em;border-radius:1em;background-color:var(--toggle-bg);margin-right:.5em;transition:background-color .25s ease-in-out}.toggle+label:after{content:"";height:.8em;width:.8em;border-radius:1em;background-color:var(--toggle-fg);position:absolute;left:.2em;transition:background-color .25s ease-in-out,transform .25s ease-in-out}.toggle:checked+label:after{transform:translate(100%)}@media only screen and (max-width: 469px){.toggle+label{font-size:1.8rem}}.page-footer{flex-shrink:0;background-color:var(--background-color);color:var(--primary-text-color);font-weight:500;text-align:center;line-height:2.4rem;transition:background-color 1s ease-in-out,transform 1s ease-in-out}.page-footer-grid{max-width:120rem;padding:3.2rem}@media only screen and (max-width: 469px){.page-footer{line-height:0}.page-footer-grid{padding-top:0;padding-left:0;padding-right:0;padding-bottom:1rem}}.button-container{display:flex;flex-direction:row}button{font-size:1.7rem;font-weight:700;padding:10px 20px;color:var(--primary-text-color);border:none;border-radius:5px;cursor:pointer;transition:background-color .5s ease}.add-button{margin-left:5px;background-color:#4ed64e}.delete-button{background-color:#d71c1c}.move-button{background-color:#d1d10c}.delete-button,.move-button{font-size:1.4rem;margin-left:5px}@media (hover: hover) and (pointer: fine){.add-button:hover{background-color:#006400}.delete-button:hover{background-color:#8b0000}.move-button:hover{background-color:#a4e148}}@media only screen and (max-width: 469px){.button-container{display:flex;flex-direction:column}.delete-button,.move-button{font-size:.7rem;margin-top:5px}}.task-input{display:flex;flex-direction:row;justify-content:center;width:100%;margin:0 auto}input[type=text]{font-size:1.6rem;padding:10px;border:2px solid grey;border-radius:5px;color:#000}@media only screen and (max-width: 469px){input[type=text]{font-size:1rem}}.text{flex:1}.content-layout{flex:1;display:flex;flex-direction:column;flex-shrink:0;width:100%;min-height:640px;padding:48px}.content__title{margin-top:0;color:var(--white)}.content__body{font-size:1.6rem;line-height:2.4rem}#page-description{display:flex;flex-direction:column}#page-description span{margin-bottom:1.6rem}#page-description span:last-child{margin-bottom:0}@media only screen and (max-width: 480px){.content-layout{padding:1.6rem}.content__title{font-size:2.4rem}}.page-layout{display:flex;flex-direction:column;align-items:center;background-color:var(--background-color);height:100%;width:100%;transition:background-color 1s ease-in-out,transform 1s ease-in-out}.page-layout__content{flex:1;flex-basis:auto;flex-shrink:0;display:flex;flex-direction:column;color:var(--primary-text-color);max-width:120rem;width:100%}.general-banner{display:flex;flex-direction:column;align-items:center;width:100%;margin:0 auto}.task-list{position:absolute;left:0;top:200px;right:0;bottom:110px}.task-list__list-wrapper{overflow-y:auto;height:calc(100% - 10px)}.task-list__list-wrapper::-webkit-scrollbar{width:5px;background-color:var(--toggle-bg);border-radius:5px;transition:background-color 1s ease-in-out,transform 1s ease-in-out}.task-list__list-wrapper::-webkit-scrollbar-thumb{background-color:var(--toggle-fg);border-radius:5px;transition:background-color 1s ease-in-out,transform 1s ease-in-out}.task-list__list-wrapper::-webkit-scrollbar-button{display:none}@media only screen and (max-width: 469px){.task-list{bottom:60px}li{font-size:1.5rem}}