@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;800&family=VT323&display=swap);:root{--primary:#1aac83;--error:#e7195a}html{overflow:hidden;overflow-y:scroll}body{background-color:#f1f1f1;font-family:Poppins;margin:0}header{background-color:#fff}header .container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1000px;padding:0 20px}header a{color:#333;-webkit-text-decoration:0;text-decoration:0}nav{align-items:center;display:flex}nav a,nav button{margin-left:10px}nav button{background-color:#fff;border:2px solid #1aac83;border:2px solid var(--primary);border-radius:4px;color:#1aac83;color:var(--primary);cursor:pointer;font-family:Poppins;font-size:1em;letter-spacing:1px;padding:6px 10px}.pages{margin:0 auto;max-width:1000px;padding:20px}.home{grid-gap:100px;display:grid;gap:100px;grid-template-columns:3fr 1fr}.todos{position:relative}.empty-todos{font-size:1em;left:50%;margin:0;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.todo-list{background-color:#fff;border-radius:4px;box-shadow:3px 2px 5px rgba(0,0,0,.5);margin:20px 0;position:relative}.todo-content{background:linear-gradient(#1aac83 0 0) no-repeat 200% 100% /200% .08em;background:linear-gradient(var(--primary) 0 0) no-repeat calc(200% - var(--p, 0%)) 100% /200% var(--p,.08em);padding:20px;transition:.3s 0s,background-position .3s .3s;transition:.3s var(--t,0s),background-position .3s calc(.3s - var(--t, 0s))}.todo-content:hover{--p:100%;--t:0.3s}.todo-list .todo-content:hover h4,.todo-list:hover .todo-content p{color:#fff!important;transition-delay:.3s}.todo-list a{text-decoration:none}.todo-list .todo-content h4{color:#1aac83;color:var(--primary);font-size:1.2em;margin:0 0 10px}.todo-list .todo-content p{color:#555;font-size:.9em;margin:0}.todo-list span{background-color:#e7195a;background-color:var(--error);border-radius:50%;color:#fff;cursor:pointer;font-size:1.1em;padding:4px;position:absolute;right:20px;top:20px}form h4{font-size:1em}input,label,textarea{box-sizing:border-box;display:block}input,textarea{border:1px solid #ddd;border-radius:4px;font-family:Poppins;margin:10px 0 20px;outline:none;padding:10px;width:100%}form button{background-color:#1aac83;background-color:var(--primary);border:0;border-radius:4px;color:#fff;cursor:pointer;font-family:Poppins;margin-bottom:8px;padding:8px}.error{border:1px solid #e7195a;border:1px solid var(--error)}div.error{background-color:#ffefef;border-radius:4px;color:#e7195a;color:var(--error);margin:20px 0;padding:10px}form.login h3,form.signup h3{font-size:1.5em;margin:10px 0;text-align:center}form.login,form.signup{background-color:#fff;border-radius:4px;box-sizing:border-box;margin:40px auto;max-width:400px;padding:20px}.todo-details article h2{color:#1aac83;color:var(--primary);font-size:1.5em;margin:0 0 20px}.todo-details article p{font-size:1em;font-weight:lighter;margin:0 0 20px 4px}.todo-details article{background-color:#fff;border-radius:4px;margin:40px 0;padding:20px 10px;position:relative;white-space:pre-wrap}.todo-details span{color:#706c6c;cursor:pointer;font-size:1.3em;position:absolute;right:20px;top:20px}.todo-details .popup-form{background-color:#fff;border-radius:4px;box-shadow:5px 5px 100px rgba(0,0,0,.5);left:50%;min-width:600px;padding:20px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.todo-details .popup-form h4{font-size:1.5em;margin:10px 0}.todo-details .popup-form span{font-size:1.6em}
/*# sourceMappingURL=main.732f2e6a.css.map*/