@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}.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 #333;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}.footer{height:100vh;background-color:#333;position:fixed;bottom:0;z-index:-1;display:flex;padding:4rem;justify-content:center;align-items:center}.footer,.footer>article{width:100%}.footer>article h2{font-size:2.8rem;margin:0 4rem;font-weight:100;color:#e7e7e7;letter-spacing:1rem;text-transform:uppercase}.footer>article p{padding:2rem;color:#fff;letter-spacing:1rem;font:100 .75rem Quicksand,sans-serif;width:60%;margin:0 5rem;line-height:300%}.footer>aside{width:40%;display:flex;flex-direction:column;justify-content:center;letter-spacing:1rem;gap:1rem}.footer>aside h4{font-size:1.8rem;color:#31d351;text-transform:uppercase}.footer>aside a{color:#fff;font-weight:200;line-height:180%}footer{width:100%;height:100vh;background-color:transparent;z-index:-2;position:absolute}.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,.login>section>form select{width:100%;padding:1rem;border:1px solid #e7e7e7;font:400 1rem Quicksand,sans-serif;background-color:#fff;outline:none}.login>section>form input>option,.login>section>form select>option{font:inherit}.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 #333;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{flex-direction:column;justify-content:flex-start;height:100%;margin:auto;max-width:900px;height:unset;padding:3rem 0}.todo,.todosContainer{display:flex;align-items:center;gap:1rem;width:100%}.todo{background-color:#fff;border-radius:5px;flex-direction:row;justify-content:space-between;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;font-weight:100;overflow-x:hidden;width:100vw}.btn,.loader{text-transform:uppercase;letter-spacing:2px;color:#333}.btn{font-size:1.2rem;font-weight:400;width:10rem;padding:.5rem 1.5rem;background-color:#333;border:1px solid #333;color:#fff;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}@font-face{font-family:__Inter_0ec1f4;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/d1d9458b69004127-s.woff2) format("woff2");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:__Inter_0ec1f4;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/b967158bc7d7a9fb-s.woff2) format("woff2");unicode-range:U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:__Inter_0ec1f4;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ae9ae6716d4f8bf8-s.woff2) format("woff2");unicode-range:U+1f??}@font-face{font-family:__Inter_0ec1f4;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c0f5ec5bbf5913b7-s.woff2) format("woff2");unicode-range:U+0370-03ff}@font-face{font-family:__Inter_0ec1f4;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/b1db3e28af9ef94a-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Inter_0ec1f4;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9c4f34569c9b36ca-s.woff2) format("woff2");unicode-range:U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Inter_0ec1f4;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/2aaf0723e720e8b9-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Inter_Fallback_0ec1f4;src:local("Arial");ascent-override:90.20%;descent-override:22.48%;line-gap-override:0.00%;size-adjust:107.40%}.__className_0ec1f4{font-family:__Inter_0ec1f4,__Inter_Fallback_0ec1f4;font-style:normal}