*{padding:0;margin:0;box-sizing:border-box;max-width:100vw;max-height:100vh}#docBody{text-transform:capitalize;color:#fff}body>img{z-index:-1;position:absolute;opacity:1;min-height:100%;min-width:100%}#weather{display:flex;flex-direction:column;position:absolute;right:20px;top:20px}#weather span{font-size:1.3rem;padding:1px}#todo-form{display:flex;justify-content:center;align-items:center;position:absolute;inset:15rem 0 auto 0;font-size:medium}@media screen and (max-width:800px){#todo-form{inset:9rem 0 auto 0}}#todo-list{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;inset:19rem 0 auto 0}@media screen and (max-width:800px){#todo-list>li>button{font-size:.8rem}#todo-list{inset:13rem 0 auto 0}}#todo-list>li>button{border:none;margin-left:1rem;background:0 0}#todo-form button,#todo-form input{font-size:1.2rem;padding:4px}#form-input,.greet{justify-content:center;align-items:center;position:absolute;inset:8rem 0 auto 0}@media screen and (max-width:800px){#form-input,.greet{inset:5rem 0 auto 0}}.greet{display:flex;font-size:4rem;letter-spacing:.7px;padding:2px}@media screen and (max-width:800px){.greet{font-size:1.6rem}}#form-input input{font-size:1.2rem;padding:2px}#Quotes{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;text-align:center;inset:auto 0 2rem 0;font-size:1rem;color:#fff;padding:0 3px}#clock{display:flex;flex-direction:column;position:absolute;left:20px;top:20px}li{font-size:1.2rem;list-style:none;color:#000;border:1px solid #000;border-radius:5px;padding:1px 7px;margin-top:2px;background:#ffff}.hidden{display:none}.fstyle{display:flex}