*{margin:0;padding:0;box-sizing:border-box}.container{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;border:1px solid;border-radius:10px;color:#fff;background:linear-gradient(180deg,#020024,#090979 61%,#00d4ff)}.main{background:#540f90;border:1px solid;border-radius:1rem;padding:1rem;margin-top:3rem;display:flex;flex-direction:column;align-items:center;gap:1rem;width:90%;max-width:700px}form{width:95%;max-width:95%;border-radius:1rem;padding:.8rem;display:flex;flex-direction:column;gap:2rem;font-size:1.3rem;background:coral;box-shadow:-2px 2px 5px #f5f5f5}.input-field{display:flex;gap:1rem;justify-content:space-between;align-items:center}.input-field input,.input-field textarea,.input-field label{flex:1}input,textarea{border:none;border-radius:10px;padding:10px;width:100%}button{padding:1rem;font-size:1rem;border:none;border-radius:10px;background:#475cbb}button:hover{box-shadow:-1px 1px 10px #fff}button:active{box-shadow:-1px 1px 10px #150202}.popup{background-color:#e2342b}.auth-form{margin-top:3rem}@media(max-width:620px){form,.main{max-width:500px}form{width:95%}}.todo{width:100%;border:1px solid;background:brown;border-radius:10px;padding:5px}.title{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.5rem;font-size:1.2rem}.title button{margin:auto 2px}.title .delete{background:#ff7b00;padding:.8rem}.description{border-radius:10px;width:100%;padding:1rem;background:#123a45}pre{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}