@import url(https://fonts.googleapis.com/css2?family=Funnel+Display:wght@300..800&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Vend+Sans:ital,wght@0,300..700;1,300..700&display=swap);body{background:#080c13;color:#fff;font-family:Montserrat,sans-serif;font-size:1.5rem}.form{border:none;display:flex;flex-direction:row;justify-content:space-around;object-fit:contain;width:100%}.addtodo,button{background-color:#d0efef;border:none;font:inherit}.addtodo{color:#fff;width:460px}.addtodo:focus{outline:none}.input{display:block;z-index:1}.addtodo,.input{position:relative}.addtodo{background:#080c13;border-radius:8px;padding:15px;z-index:2}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.input:after,.input:before{animation:spin 2s linear infinite;background:conic-gradient(from var(--angle) at 50% 50%,#f22f2f,#f7e523,#1bf41e,#1cf7f7,#2d2df2,#f01cf0,#fb1111);border-radius:8px;bottom:0;content:"";left:0;outline:none;position:absolute;right:0;top:0;z-index:1}.input:after{filter:blur(1px)}@keyframes spin{0%{--angle:0deg}to{--angle:360deg}}main{margin:auto;max-width:600px}h1{margin-bottom:.5rem}article{align-items:center;border:none;padding:.5rem}.todo,article{display:flex;flex-direction:row;justify-content:space-between}.todo{align-items:start}.todo>input{background:#0c121ae6;border-radius:5px;color:#fff;font-size:18px;outline:none;padding:10px;width:100px}input[type=checkbox]{min-height:30px;min-width:30px;outline:none}button{border:none;border-radius:10%;color:#1a1e24;cursor:pointer;min-height:50px;min-width:70px}.submit{background-color:#8bd78b;border-radius:20px}.actions-container>*{border:none;margin:5px}.edit{background:#0b0f16;color:#a55ed7}.edit:focus,.edit:hover{filter:brightness(120%)}.confirm{background:#0b0f16;color:#69d869}.confirm:focus,.confirm:hover{filter:brightness(120%)}.trash{background:#0b0f16;color:#d75e5e}.trash:focus,.trash:hover{filter:brightness(120%)}@media (max-width:768px){body{font-size:1.2rem}main{max-width:90vw}.form{align-items:center;flex-direction:column}.input{margin-bottom:1rem}.input,.input input{width:100%}article{align-items:flex-start;flex-direction:row;padding:.8rem}.todo{padding:10px;width:100%}.actions-container{display:flex;width:100%}}@media (max-width:430px){main{max-width:95vw}.addtodo{max-width:89%;padding:21px;text-align:center}button{min-height:40px;min-width:40px}input[type=checkbox]{min-height:25px;min-width:25px}article{display:flex;flex-direction:row;justify-content:space-between;padding:.2rem;width:95%}.todo{align-items:center;padding:10px;width:250px}.todo>input{background:#14171b;border-radius:5px;color:#fff;font-size:20px;margin-left:5px;outline:none;padding:5px;width:170px}label{font-size:16px;text-align:left;width:100vw}.actions-container{display:flex;width:100%}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{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}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.764a3eae.css.map*/