@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap";body{background-color:#000;display:flex;flex-direction:column;width:100%;font-family:Bricolage Grotesque,sans-serif;color:#fff;padding:0;margin:0;font-size:1.1rem}input,button{font-family:Bricolage Grotesque,sans-serif}.tasks{margin-top:20px;height:calc(90dvh - 30px);width:calc(100% - 10px);overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:10px;scrollbar-width:thin;scrollbar-color:rgb(34,34,34) transparent;margin-left:5px;position:relative}.task:last-child{border-bottom:black}h3{font-size:1.5rem}.add{height:10dvh;width:100%;display:flex;justify-content:center;align-items:center}.add button{height:60px;width:70px;background-color:#fff;color:#000;font-size:1.5rem;border:none;border-radius:5px;cursor:pointer;display:flex;justify-content:center;align-items:center;font-family:sans-serif;position:relative}.task{border-bottom:1px solid white;padding:2rem;display:flex;flex-direction:column;justify-content:flex-start;gap:5px;width:60%;position:relative;transition:.1s;cursor:pointer}.task h3{margin:0;margin-bottom:.5rem}.task p{margin:.2rem 0}svg{width:50px;height:30px;fill:#000}.muted{color:#e7e7e7;font-size:.9rem}.modal{position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.modal-content{max-width:800px;width:90%;height:25%;background-color:#000;padding:50px;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.modal-content input{box-sizing:border-box;padding:14px;font-size:20px;border:1px solid rgb(70,70,70);background-color:#000;color:#fff;border-radius:5px;width:100%}.modal-content button{font-size:20px;border:none;border-radius:5px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff}.buttons{display:flex;width:100%;gap:20px}.buttons button{width:50%;padding:10px;background-color:#000;border:1px solid rgb(70,70,70)}.buttons button svg{fill:#fff;height:30px}.pending{color:#9b9b9b}.completed{color:#207c3f}.loading{position:absolute;width:100%;height:80dvh;display:flex;align-items:center;justify-content:center;font-size:40px}.logout{position:absolute;top:0;right:0;margin:20px;cursor:pointer}.delete{position:absolute;bottom:0;margin-bottom:28px;right:0;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center}.delete svg{width:20px;height:20px;fill:#7e1515}.welcomepage{height:84dvh;width:calc(100% - 10px);margin-left:5px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;box-sizing:border-box}.welcomepage a,.welcomepage input,.welcomepage button{width:100%;max-width:600px;padding:15px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#afafaf;background-color:#000;border:1px solid rgb(175,175,175);font-size:1.2rem;border-radius:8px;transition:all .2s ease;cursor:pointer;text-decoration:none}.welcomepage a:hover,.welcomepage button:hover{transform:translateY(-1px);border-color:#fff;color:#fff}.welcomepage .last-child{background-color:#fff;color:#000;border:none}.welcomepage .last-child:hover{background-color:#e3e3e3;color:#000}.welcomepage p{font-size:100px;height:50px}a.diff{font-size:15px;border:none;display:flex;align-items:flex-end;height:10px}@media(max-width:600px){.welcomepage{gap:10px;padding:15px;height:94dvh}.welcomepage p{font-size:50px;height:20px}a.diff{font-size:13px!important;height:10px}.welcomepage a,.welcomepage input,.welcomepage button{padding:12px;font-size:1.1rem;width:90%}.task{width:80%}}