.main-header{border:2px solid;border-color:#0000 #0000 #322ca8;font-family:Arial,Helvetica,sans-serif}.main-container{align-items:center;display:flex;flex-direction:column;justify-content:center}#task-input{border:none;border-radius:10px;color:#4037eb;font-size:max(2vw,20px);height:40px;margin:20px;text-align:center;width:max(176px,40%)}::placeholder{color:#554de980}.task-list-container{-webkit-overflow-scrolling:touch;display:flex;justify-content:space-around;overflow-x:hidden;position:relative;scroll-snap-type:x mandatory;width:100%}.task-list h2{position:sticky;text-align:center;top:-40px}.task-list{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fff3;border-radius:20px;font-weight:700;height:70vh;overflow:scroll;overflow-x:hidden;position:relative;scrollbar-width:none;text-align:left;text-transform:capitalize;width:30%}.task-list li{border:1px solid;border-color:#0000 #0000 #6e69a0;margin-right:25px;padding:10px 5px}.btn,.task-list li div{margin:5px}.btn{background-color:#fff;background-color:initial;border:none;border-radius:50%;height:30px;transition:.25s;width:30px}.delete:focus,.delete:hover{box-shadow:0 .5em .5em .1em #eb534b;transform:translateY(-.25em)}.complete:focus,.complete:hover{box-shadow:0 .5em .5em .1em #84d6fb;transform:translateY(-.25em)}.cancel:focus,.cancel:hover{box-shadow:0 .5em .5em .1em #f2ab57;transform:translateY(-.25em)}.move-down:focus,.move-down:hover,.move-up:focus,.move-up:hover{box-shadow:0 .5em .5em .1em #a091f1;transform:translateY(-.25em)}.btn svg{height:30px;left:-6px;position:relative;width:30px}.add-task-button{background-color:#5454f7;border:none;border-radius:10px;color:#fff;font-size:larger;height:40px;width:100px}body{animation:backgroundAnimation 30s infinite alternate;background:linear-gradient(120deg,rgba(14,1,255,.324),#e3e3e3,rgba(14,1,255,.324),#e3e3e3,rgba(14,1,255,.324));background-size:400% 400%;color:#322ca8;height:100vh;margin:0;overflow-y:hidden;width:100vw}@keyframes backgroundAnimation{0%{background-position:0 50%}to{background-position:100% 50%}}@media screen and (max-width:780px){.task-list-container{overflow-x:auto;scrollbar-width:0;width:90vw}.task-list-container::-webkit-scrollbar{display:none}.task-list{flex-shrink:0;margin:0 5vw;min-width:80vw;scroll-snap-align:center}}
/*# sourceMappingURL=main.7d346dc4.css.map*/