@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,400;0,500;0,700;0,900;1,400;1,900&display=swap";*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font:inherit}:root{font-family:Roboto,sans-serif;--primary: #212227;--secondary: #bdd4e7;--tertiary: #637074;--quaternary: #8693ab}ol[role=list]{list-style:none}body{font-size:16px;min-height:100vh;width:100%;text-rendering:optimizeSpeed;line-height:1.5;background-color:var(--primary);color:var(--secondary);text-align:center}img,picture{max-width:100%;display:block}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}textarea:focus,input:focus{outline:none}button{font:inherit;font-family:inherit}a{text-decoration:none}a:hover{background-color:none}.todo{padding:2em 0}.todo__input{background-color:transparent;border-radius:.5em;padding:.5em;color:var(--secondary);border:2px solid var(--tertiary)}.todo__add-btn{padding:.5em 1.5em;background-color:var(--tertiary);border-radius:.5em;border:2px solid var(--tertiary);color:var(--secondary)}.todo__add-btn:where(:hover,:focus){background-color:var(--quaternary);animation:all 2s ease}.row{display:flex;flex-wrap:wrap;gap:1em}.a-center{align-items:center}.j-ccenter{justify-content:center}.heading{font-size:2rem;padding-top:1em}.todo__list{list-style-type:disc}.todo__item{margin-top:15px;position:relative;font-size:1.3rem}.todo__date{margin-left:.5em}.error{color:red;font-size:1rem;padding:.5em}