@import"https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap";body{font-family:Onest,sans-serif;font-size:3rem;background-image:url(/assets/gray-abs2-B6AQAEQ5.jpg);color:#221040}.app{display:flex;flex-direction:column}header{text-align:center;font-size:4.5rem}header>h2{margin-top:.5rem;margin-bottom:3rem}.form-input{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap}.error-message{display:flex;align-items:center;gap:1rem;background-color:#ffcdcd;color:#433302;border-left:5px solid #ffae00;padding:1rem 1.5rem;margin-bottom:1.5rem;border-radius:.75rem;font-size:1.4rem;animation:fadeIn .3s ease-in-out;box-shadow:0 2px 8px #ffae0033}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.input-deadline{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem}.task-textarea{width:35rem;resize:vertical;padding:.9rem 1.7rem;font-size:2rem;font-family:Onest;color:#221040;border-radius:3rem;cursor:pointer;border:2px solid black}select,input,button{padding:1rem 2.5rem;font-size:2rem;font-family:Onest;color:#221040;border-radius:3rem;cursor:pointer;border:2px solid black}.list-item button{font-size:1.3rem;padding:.5rem;border:none}input[type=checkbox]{width:1.5rem;height:1.5rem}input[type=checkbox]:hover{transform:scale(1.2);box-shadow:0 0 5px #0003}button:hover{transform:scale(1.1);box-shadow:0 0 5px #0003}form button:hover{border:none;background-color:#8bca8b}ul{margin:0;padding:0}li{list-style:none}.list-view{margin-top:2rem;display:flex;flex-wrap:wrap;justify-content:space-evenly}.list-item{display:flex;flex-direction:column}.list-item h3{text-align:center;margin-bottom:0}.task-card{position:relative;transition:background .3s ease;overflow:hidden;width:30rem;display:flex;align-items:flex-start;gap:1rem;padding:1rem;margin:1rem 0;background:#ffffffb3;border-radius:1rem;box-shadow:0 2px 6px #0000001a;height:auto;flex-direction:row}.task-controls{display:flex;flex-direction:column;gap:.5rem;align-items:center}.task-details{flex:1}.task-details p{margin:.5rem 0;font-size:2.3rem}.task-details small{font-size:1.3rem;color:#333}@media screen and (max-width: 1040px){body{font-size:2.5rem}header{font-size:3.5rem}.task-textarea{width:25rem;font-size:1.5rem}select,input,button{padding:.8rem 1.5rem;font-size:1.5rem}.task-details strong{font-size:2.2rem}.task-details p{margin:.5rem 0;font-size:2rem}}@media screen and (max-width: 650px){body{font-size:2rem}header{font-size:3rem}.task-textarea{width:20rem;font-size:1rem}select,input,button{padding:.6rem 1.2rem;font-size:1.2rem}.task-card{width:20rem}.task-details strong{font-size:1.8rem}.task-details p{margin:.5rem 0;font-size:1.5rem}.task-details small{font-size:1rem}}