:root{--primary:#d81e5b;--secondary:#8a4efc;--light:#eee;--light-alt:#61759b;--dark:#131a26;--dark-alt:#202b3e}*{box-sizing:border-box;font-family:Fira Sans,sans-serif;margin:0;padding:0}body{background-color:#202b3e;background-color:var(--dark-alt);color:#eee;color:var(--light)}.App{padding:32px}h1{font-size:40px;font-weight:700;margin-bottom:32px}h4{color:#61759b;color:var(--light-alt);font-size:18px;font-weight:400;text-transform:uppercase}.todo,h4{margin-bottom:16px}.todo{align-items:center;background-color:#131a26;background-color:var(--dark);border-radius:16px;cursor:pointer;display:flex;justify-content:flex-start;padding:16px;position:relative;transition:.5s}.todo:hover{opacity:.8}.todo .checkbox{background-color:#202b3e;background-color:var(--dark-alt);background-image:linear-gradient(180deg,#0000,#0000);border-radius:50%;height:20px;margin-right:16px;transition:.4s;width:20px}.todo.is-complete .checkbox{background-color:#d81e5b;background-color:var(--primary);background-image:linear-gradient(180deg,#d81e5b,#8a4efc);background-image:linear-gradient(to bottom,var(--primary),var(--secondary))}.todo .text{font-size:20px;width:100%}.todo .priority{background:#00bfb6;border-radius:10px;margin-right:30px;padding:5px}.todo.is-complete .text{text-decoration:line-through}.todo .delete-todo{background-color:#af1e2d;border-radius:50%;font-weight:700;height:24px;position:absolute;right:16px;top:50%;transform:translateY(-50%);width:24px}.addPopup,.todo .delete-todo{align-items:center;color:#eee;color:var(--light);display:flex;justify-content:center}.addPopup{background-color:#d81e5b;background-color:var(--primary);background-image:linear-gradient(to bottom right,#d81e5b,#8a4efc);background-image:linear-gradient(to bottom right,var(--primary),var(--secondary));border-radius:999px;bottom:32px;cursor:pointer;font-size:28px;font-weight:900;height:64px;position:fixed;right:32px;width:64px}.popup{background-color:#eee;background-color:var(--light);border-radius:16px;box-shadow:0 4px 32px #131a26;box-shadow:0 4px 32px var(--dark);left:50%;max-width:400px;padding:32px;position:fixed;top:50%;transform:translate(-50%,-50%);width:100%}.closePopup{cursor:pointer;font-size:20px;height:20px;position:absolute;right:16px;top:16px;width:20px}.closePopup,.popup h3{color:#131a26;color:var(--dark)}.popup h3{font-weight:400;margin-bottom:16px;text-transform:uppercase}.add-todo-input{-webkit-appearance:none;appearance:none;background-color:#fff;border:none;border-radius:16px;box-shadow:0 2px 24px #0003;font-size:20px;outline:none;padding:16px;width:100%}.button{background-image:linear-gradient(90deg,#d81e5b,#8a4efc);background-image:linear-gradient(to right,var(--primary),var(--secondary));border-radius:999px;cursor:pointer;display:inline-block;font-size:18px;font-weight:700;margin-top:16px;padding:16px 32px;text-align:center;text-transform:uppercase}
/*# sourceMappingURL=main.0a8b113e.css.map*/