*{position:relative}body:before{background-image:url(/static/media/backgroundImage.2d4047868f2b6731650f.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";-webkit-filter:brightness(.3);filter:brightness(.3);min-height:100vh;position:absolute;width:100%}.navbar{align-items:center;display:flex;gap:1rem;justify-content:center;padding-top:1.5rem}.nav-image{border-radius:15px;height:120px;width:120px;z-index:1}.heading{color:#ffe9ff;font-family:Roboto,sans-serif;font-size:3rem;font-weight:500;letter-spacing:.4rem;z-index:1}@media (max-width:500px){.nav-image{height:100px;width:100px}.heading,.nav-image{transition:all .2s ease-in-out}.heading{font-size:2.5rem}}@media (max-width:430px){.nav-image{height:80px;width:80px}.heading,.nav-image{transition:all .2s ease-in-out}.heading{font-size:2.2rem}}*{box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;padding:0}p{color:#fff;font-size:1.2rem;font-weight:500;letter-spacing:.1rem;list-style:none;padding:.8rem;width:100%}.listItem{align-items:center;display:flex;justify-content:center}.fa-xmark{cursor:pointer}a{color:#b9b9b9;display:flex;justify-content:center;letter-spacing:.1rem;text-decoration:none;transition:.2s}a:hover{color:#fff}.todo-body{background:linear-gradient(90deg,#a35dbc,#641e8f);margin:2rem auto;min-height:62vh;overflow-y:auto;position:relative;width:30%}.formData,.todo-body{border-radius:5px;padding:1rem}.formData{align-items:center;background:linear-gradient(90deg,#a35dbc,#2b0244);display:flex;gap:.5rem;justify-content:center;left:0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.fa-plus{border:3px solid #7e7e7e;border-radius:5px;color:#fff;cursor:pointer;font-size:1.5rem;padding:.5rem}#todo-input{border-radius:5px;font-size:1rem;font-weight:500;letter-spacing:.1rem;margin:0 auto;padding:1rem;width:90%}.footer,.social__icons{align-items:center;color:#fff;display:flex;font-size:1.5rem;gap:1.5rem;justify-content:center}.social-icons i{color:#fff}.footer{font-size:1.2rem}@media (max-width:1250px){.todo-body{transition:all .2s ease-in-out;width:60%}}@media (max-width:660px){.todo-body{transition:all .2s ease-in-out;width:80%}}@media (max-width:500px){.todo-body{transition:all .2s ease-in-out;width:90%}.footer{flex-direction:column;gap:.5rem;padding:.5rem}}@media (max-width:430px){#todo-input{font-size:.8rem;transition:all .2s ease-in-out}}
/*# sourceMappingURL=main.aa47afbc.css.map*/