.todo-item span{margin-bottom:1px}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}ul{list-style-type:none;padding:0}.logo{color:#faeeee;text-shadow:rgba(0,0,0,.6) 1px 2px 4px;margin-bottom:1rem;animation-name:float;animation-duration:15s;animation-iteration-count:infinite}.todo-item{padding:4px;background-color:#fd1d1d59;border-radius:8px;box-shadow:#00000017 0 2px 1px,#00000017 0 4px 2px,#00000017 0 8px 4px,#00000017 0 16px 8px,#00000017 0 32px 16px;display:flex;flex-direction:column;align-items:center;width:40%;margin:13px auto;color:#faeeee;text-shadow:rgba(0,0,0,.6) 1px 2px 4px;animation:rotate 4s ease-in-out infinite alternate;transform-origin:top center}.todo-item span{cursor:pointer;flex-grow:1}.completed{opacity:.3;animation:rotate 4s ease-in-out infinite alternate;transform-origin:top center;width:40%;margin:13px auto;box-shadow:#fffef99d 0 0 0 3px;border-radius:8px;text-decoration:line-through}.completed span{cursor:pointer;flex-grow:1}.delete{padding:3px 38px;border-radius:6px;border:none;background-color:#fcb0455b;color:#faeeee;text-shadow:rgba(0,0,0,.6) 1px 2px 4px;opacity:90%}.delete:hover{background-color:#fd1d1d59}.add{padding:3px 8px;border-radius:4px;border:none;color:#faeeee;background-color:#0000;text-shadow:rgb(0,0,0) 1px 2px 4px;box-shadow:#ffffff23 0 0 0 2px,#ffffff3d 0 4px 6px -1px,#ffffff14 0 1px inset}.add:hover{background-color:#fd1d1d59}.todo-input{padding:3px 8px;border-radius:4px;border:none;width:200px;margin-right:5px;transition:transform .3s ease-in-out}.todo-input:hover{transform:scale(1.5)}input:focus{outline:none}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-50px)}to{transform:translateY(0)}}@keyframes rotate{0%{transform:rotate(-10deg)}to{transform:rotate(10deg)}}.category-card{opacity:80%;display:flex;justify-content:space-between;align-items:center;margin:15px auto;background-color:#fd1d1d54;padding:6px;border-radius:6px;border:none;width:283px;box-shadow:#00000012 0 1px 1px,#00000012 0 2px 2px,#00000012 0 4px 4px,#00000012 0 8px 8px,#00000012 0 16px 16px}.category-card button{padding:3px 8px;border-radius:4px;border:none;color:#faeeee;background-color:#0000;text-shadow:rgb(0,0,0) 1px 2px 4px;box-shadow:#ffffff23 0 0 0 2px,#ffffff3d 0 4px 6px -1px,#ffffff14 0 1px inset}.category-card button:hover{background-color:#fd1d1d59}.category-card .active-filter{background-color:#fcb045}@media(max-width:1200px){form{justify-content:center}.logo{width:95%;margin-left:auto;margin-right:auto}.category-card{max-width:100%;opacity:80%;display:flex;justify-content:space-between;align-items:center;margin:15px auto}.app-wrapper:before{width:100px!important;height:100px!important}.app-wrapper:after{width:100px!important;height:100px!important;right:0!important}.app-wrappers:before{width:100px!important;height:100px!important;bottom:0!important;left:0!important}.app-wrappers:after{width:100px!important;height:100px!important;bottom:0!important;right:0!important}body{align-items:flex-start;padding-top:20px}#root{padding-top:0}}@media(max-width:450px){form{justify-content:center}.logo{width:95%;margin-left:auto;margin-right:auto}.category-card{max-width:100%;opacity:80%;display:flex;justify-content:space-between;align-items:center;margin:15px auto}.app-wrapper:before{width:100px!important;height:100px!important}.app-wrapper:after{width:100px!important;height:100px!important;right:0!important}.app-wrappers:before{width:100px!important;height:100px!important;bottom:0!important;left:0!important}.app-wrappers:after{width:100px!important;height:100px!important;bottom:0!important;right:0!important}body{align-items:flex-start;padding-top:20px}#root{padding-top:0}}*{margin:0;padding:0;box-sizing:border-box}.app-wrapper:before,.app-wrapper:after{content:"";position:absolute;width:250px;height:250px;background-image:url(/web-1.png);background-size:contain;background-repeat:no-repeat;z-index:-1}.app-wrapper:before{top:0;left:0;transform:rotate(0)}.app-wrapper:after{top:0;right:0;transform:rotate(90deg)}.app-wrappers:before,.app-wrappers:after{content:"";position:absolute;width:250px;height:250px;background-image:url(/web-1.png);background-size:contain;background-repeat:no-repeat;z-index:-1}.app-wrappers:before{bottom:0;left:0;transform:rotate(270deg)}.app-wrappers:after{bottom:0;right:0;transform:rotate(180deg)}body{background-image:radial-gradient(circle,#fcb045 15%,#fd1d1d);background-size:cover;background-repeat:no-repeat;min-height:100vh;display:flex;justify-content:center;align-items:center;position:relative;overflow-x:hidden}