.App{width:100%;height:100vh;display:flex;flex-direction:column;flex:1 0 auto}.App-container{width:50%;margin:50px auto;padding:20px;background:linear-gradient(rgba(255,255,255,.8),rgba(0,0,0,.8));border-radius:20px}.title{font-size:40px;text-align:center}.useEffect-message{text-align:center;font-size:20px;font-weight:700;color:green}.btn{padding:15px;margin:15px;width:150px;background-color:#000;border:2px solid #000;border-radius:10px;cursor:pointer;font-weight:700;font-size:1.2rem}a:hover{color:green}@media (max-width: 1024px){.App-container{width:70%}}@media (max-width: 768px){.App-container{width:90%}}@media (max-width: 425px){.App-container{margin:15px auto;padding:2px;width:95%}.title{font-size:30px}}.header-container{background-color:#333;color:#fff;padding:20px 50px 10px;display:flex;justify-content:space-between}.header-nav{display:flex}.header-ul{list-style:none;margin:0;padding:0;display:flex}.header-li{margin-right:15px}.header-a{text-decoration:none;color:#fff;font-weight:700}@media (max-width: 768px){.header-nav{display:none}.header-container{justify-content:center}}.footer-container{background-color:#333;color:#fff;padding:10px;text-align:center;margin-top:auto}.footer-contact{display:flex;justify-content:space-around;align-items:center;margin-top:10px}.footer-p{margin:0}.footer-a{font-size:24px;text-decoration:none;color:#fff}@media (max-width: 768px){.footer-a{font-size:18px}}.file-input{display:flex;align-items:center;justify-content:center}.input-form{padding:10px;margin:10px;border-radius:10px;border:2px solid #000;font-size:30px}.button-create{color:#fff;font-size:22px;transition:.5s ease}.button-create:hover{background-color:green}@media (max-width: 768px){.file-input{flex-direction:column}.input-form{width:90%;padding:10px;margin:5px;border-radius:10px;border:2px solid #000;font-size:20px}}@media (max-width: 425px){.btn{padding:5px;margin:5px}}ul{text-align:center;list-style:none;font-size:24px;font-weight:700;margin:30px}@media (max-width: 768px){ul{margin:0}}.TaskItem{border:3px solid #fff;margin:15px;padding:10px;border-radius:10px}.TaskItem .TaskItem-p-completed{text-decoration:line-through}.button-task{color:#fff;font-weight:700;font-size:24px;margin:10px 40px;transition:.5s ease}.button-task-delete:hover{color:red}.button-task-completed:hover{color:green}@media (max-width: 1024px){.button-task{margin:20px 10px}}@media (max-width: 768px){.button-task{margin:10px}}@media (max-width: 425px){.TaskItem{width:90%}.button-task{margin:5px}}*{margin:0;padding:0;box-sizing:border-box;font-family:Kalam,cursive}body{height:100vh;width:100%;display:flex;align-items:center;flex-direction:column;background-image:url(/assets/background-JBHxwg08.jpg);background-size:cover;background-repeat:no-repeat;background-attachment:fixed}#root{width:100%;display:flex;justify-content:center;flex-direction:column}