@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,900;1,300&display=swap";*{margin:0%;padding:0%;box-sizing:border-box;scroll-behavior:smooth;font-family:Roboto,sans-serif}.header{background-color:#333;display:flex;align-items:center;justify-content:space-between;padding:0 3rem;width:100%}.header>div h2{text-transform:uppercase;color:#fff;font-weight:400}.header>article{display:flex;align-items:center;text-align:center}.header>article>a{font-size:1.2rem;font-weight:400;letter-spacing:2px;color:#333;width:10rem;padding:.5rem 1.5rem;background-color:#333;border:1px solid rgb(51,51,51);color:#fff;text-transform:uppercase;transition:all .3s;cursor:pointer}.header>article>a:hover{background-color:#fff;color:#333}.header>article>a:disabled{opacity:.2;cursor:not-allowed}.login>section{margin:auto;max-width:900px;width:100%;height:unset;padding:2rem;min-height:80%;background-color:#fff}.login>section>form{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2rem}.login>section>form input{width:100%;padding:1rem;border:1px solid #e7e7e7;font:400 1rem Quicksand,sans-serif;background-color:#fff;outline:none}.login>section>form button{font-size:.9rem;font-weight:400;letter-spacing:2px;color:#333;width:18.75rem;padding:1rem 3rem;background-color:#333;border:1px solid rgb(51,51,51);color:#fff;text-transform:uppercase;transition:all .3s;cursor:pointer}.login>section>form button:hover{background-color:#fff;color:#333}.login>section>form button:disabled{opacity:.2;cursor:not-allowed}@media (max-width: 900px){.login{padding:0}}a{text-decoration:none;color:#333}.home{text-align:center}.home .heading{font-size:2rem;text-transform:uppercase;font-weight:100;letter-spacing:2px;color:#333;padding-top:10vmax}.home p{margin:2rem 0;font-weight:900}.todosContainer{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1rem;height:100%;margin:auto;max-width:900px;width:100%;height:unset;padding:3rem 0}.todo{background-color:#fff;border-radius:5px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:2rem}.todo>div:last-of-type{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:1rem}.todo input{width:2rem;height:2rem}.loader{width:100%;height:100vh;overflow-y:auto;background-color:#e7e7e7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;font-size:2rem;text-transform:uppercase;font-weight:100;letter-spacing:2px;color:#333;overflow-x:hidden;width:100vw}.btn{font-size:1.2rem;font-weight:400;letter-spacing:2px;color:#333;width:10rem;padding:.5rem 1.5rem;background-color:#333;border:1px solid rgb(51,51,51);color:#fff;text-transform:uppercase;transition:all .3s;cursor:pointer}.btn:hover{background-color:#fff;color:#333}.btn:disabled{opacity:.2;cursor:not-allowed}.container{width:100%;height:100vh;overflow-y:auto;padding:5rem 2rem;background-color:#e7e7e7}