.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}body{background:#40128b;background:linear-gradient(90deg,#40128b 35%,#6528f7);font-family:Outfit,sans-serif}.todo-title{color:#fff;font-size:800;margin-top:4%}.todo-wrapper{background-color:#ecf2ff;border-radius:10px;box-shadow:0 3px 8px rgba(0,0,0,.24);display:grid;grid-template-columns:1fr;margin:5% auto;max-width:50%;padding:2% 0}.todo-form{display:grid;grid-template-columns:4fr 1fr;margin:4% 10%}.todo-form input{box-shadow:inset 3px 3px 6px 0 #ccdbe8,inset -3px -3px 6px 1px hsla(0,0%,100%,.5);box-sizing:border-box;min-width:0;width:100%}.todo-form button,.todo-form input{border-radius:10px;height:40px;padding:2%}.todo-form button{background:#40128b;color:#fff;font-family:Outfit,sans-serif;width:90px}.todo-form button:hover{background:#621ecf}.todo{align-items:center;background-color:#f0de36;border-radius:10px;display:flex;gap:5%;justify-content:space-between;margin:1% 10%;padding:0 5%}.options{display:flex;gap:40%}.completed{text-decoration:line-through}@media screen and (max-width:720px){.todo-wrapper{max-width:80%;padding:5%}.todo-form{margin:4% 5%}.todo{margin:1% 5%;padding:0 10%}}
/*# sourceMappingURL=main.aa71df54.css.map*/