: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;padding:0}*,body{margin:0}body{align-items:center;-webkit-animation:movement 10s linear infinite;animation:movement 10s linear infinite;background-color:#bfdfec;background-image:url(https://i.stack.imgur.com/b7z29.png);background-repeat:repeat-x;display:flex;font-family:system-ui,calibri,serif;justify-content:center;min-height:100vh}@-webkit-keyframes movement{0%{background-position:0 0}to{background-position:560px 0}}@keyframes movement{0%{background-position:0 0}to{background-position:560px 0}}.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;color:#fff;cursor:pointer;display:flex;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,transparent,transparent);border-radius:50%;height:20px;margin-right:16px;transition:.4s;width:20px}.todo .iscomplete .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}.todo .iscomplete .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%;-webkit-transform:translateY(-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%;-webkit-transform:translate(-50%,-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 rgba(0,0,0,.2);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}.extraspace,.main{background:linear-gradient(180deg,#0f0c29,#302b63,#24243e)}.main{background:red;background:url(https://doc-08-2c-docs.googleusercontent.com/docs/securesc/68c90smiglihng9534mvqmq1946dmis5/fo0picsp1nhiucmc0l25s29respgpr4j/1631524275000/03522360960922298374/03522360960922298374/1Sx0jhdpEpnNIydS4rnN4kHSJtU1EyWka?e=view&authuser=0&nonce=gcrocepgbb17m&user=03522360960922298374&hash=tfhgbs86ka6divo3llbvp93mg4csvb38) no-repeat 50%/cover;border-radius:10px;box-shadow:5px 20px 50px #000;font-family:Jost,sans-serif;height:500px;overflow:hidden;width:350px}#chk{display:none}#chk,.signup{background:linear-gradient(180deg,#0f0c29,#302b63,#24243e)}.signup{font-family:Jost,sans-serif;height:100%;position:relative;width:100%}label{color:#fff;cursor:pointer;display:flex;font-size:2.3em;font-weight:700;justify-content:center;margin:60px;transition:.5s ease-in-out}input{background:#e0dede;display:flex;height:20px;margin:20px auto;padding:10px}button,input{border:none;border-radius:5px;justify-content:center;outline:none;width:60%}button{background:#573b8a;color:#fff;cursor:pointer;display:block;font-size:1em;font-weight:700;height:40px;margin:20px auto 10px;transition:.2s ease-in}button:hover{background:#6d44b8}.login{background:#eee;border-radius:60%/10%;height:460px;-webkit-transform:translateY(-180px);transform:translateY(-180px);transition:.8s ease-in-out}.login label{color:#573b8a;-webkit-transform:scale(.6);transform:scale(.6)}#chk:checked~.login,.signupactive{-webkit-transform:translateY(-500px);transform:translateY(-500px)}#chk:checked~.login label{-webkit-transform:scale(1.2);transform:scale(1.2)}#chk:checked~.signup label{-webkit-transform:scale(.4);transform:scale(.4)}
/*# sourceMappingURL=main.2b45f001.css.map*/