*{box-sizing:border-box;margin:0;padding:0;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif}.todo-app{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:start;justify-content:start;width:520px;height:500px;background:rgba(22,26,43,.4196078431372549);text-align:center;margin:25px auto;border-radius:10px;padding-bottom:32px;overflow-y:scroll}.todo-app::-webkit-scrollbar{width:8px}.todo-app::-webkit-scrollbar-thumb{background:rgba(126,34,163,.822);border-radius:4px}.todo-app::-webkit-scrollbar-thumb:active{background-color:#7e22a3}.complete{text-decoration:line-through;opacity:.4}.todo-form{margin-bottom:32px;background-color:161a2b6b}.todo-input{padding:14px 32px 14px 16px;border-radius:4px 0 0 4px;border:2px solid #5d0cff;outline:none;width:320px;background:transparent;color:#cacaca}.todo-input::-webkit-input-placeholder{color:rgba(128,125,125,.3686274509803922)}.todo-input:-ms-input-placeholder{color:rgba(128,125,125,.3686274509803922)}.todo-input::placeholder{color:rgba(128,125,125,.3686274509803922)}.todo-button{padding:16px;border:none;border-radius:0 4px 4px 0;cursor:pointer;outline:none;background:linear-gradient(90deg,#5d0cff,#9b00fa);color:#fff;text-transform:capitalize}.todo-input.edit{border:2px solid #149fff}.todo-button.edit{background:linear-gradient(90deg,#149fff,#117aff);padding:16px 22px}.todo-container{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;position:relative}p{font-weight:500;font-size:337.5%}.clock,p{color:#fff;display:-webkit-flex;display:flex;justify-Content:center;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}.clock{font-Size:1050%;font-Weight:500;letter-Spacing:-5px}.todo-row{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;margin:4px auto;color:#fff;background:linear-gradient(90deg,#ff7614,#ff5411);padding:16px;border-radius:5px;width:90%}.todo-row:nth-child(4n+1){background:linear-gradient(90deg,#5d0cff,#9b00fa)}.todo-row:nth-child(4n+2){background:linear-gradient(90deg,#ff0cf1,#fa0087)}.todo-row:nth-child(4n+3){background:linear-gradient(90deg,#149fff,#117aff)}.icons{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-size:24px;cursor:pointer}.delete-icon{margin-right:5px;color:#fff}.edit-icon{color:#fff}.cssload-dots{bottom:0;right:0;margin:auto;outline:1px solid red;filter:url(#goo);-o-filter:url(#goo);-ms-filter:url(#goo);-webkit-filter:url(#goo);-moz-filter:url(#goo)}.cssload-dot,.cssload-dots{width:0;height:0;position:absolute;top:0;left:0}.cssload-dot:before{content:"";width:34px;height:34px;border-radius:49px;background:#fbd301;position:absolute;left:50%;transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);margin-left:-17.5px;margin-top:-17.5px}.cssload-dot:nth-child(5):before{z-index:100;width:44.5px;height:44.5px;margin-left:-21.75px;margin-top:-21.75px;animation:cssload-dot-colors 4.6s ease infinite;-o-animation:cssload-dot-colors 4.6s ease infinite;-ms-animation:cssload-dot-colors 4.6s ease infinite;-webkit-animation:cssload-dot-colors 4.6s ease infinite;-moz-animation:cssload-dot-colors 4.6s ease infinite}.cssload-dot:first-child{animation:cssload-dot-rotate-1 4.6s linear 0s infinite;-o-animation:cssload-dot-rotate-1 4.6s 0s linear infinite;-ms-animation:cssload-dot-rotate-1 4.6s 0s linear infinite;-webkit-animation:cssload-dot-rotate-1 4.6s linear 0s infinite;-moz-animation:cssload-dot-rotate-1 4.6s 0s linear infinite}.cssload-dot:first-child:before{background-color:#ff3270;animation:cssload-dot-move 4.6s ease 0s infinite;-o-animation:cssload-dot-move 4.6s 0s ease infinite;-ms-animation:cssload-dot-move 4.6s 0s ease infinite;-webkit-animation:cssload-dot-move 4.6s ease 0s infinite;-moz-animation:cssload-dot-move 4.6s 0s ease infinite}.cssload-dot:nth-child(2){animation:cssload-dot-rotate-2 4.6s linear 1.15s infinite;-o-animation:cssload-dot-rotate-2 4.6s 1.15s linear infinite;-ms-animation:cssload-dot-rotate-2 4.6s 1.15s linear infinite;-webkit-animation:cssload-dot-rotate-2 4.6s linear 1.15s infinite;-moz-animation:cssload-dot-rotate-2 4.6s 1.15s linear infinite}.cssload-dot:nth-child(2):before{background-color:#208bf1;animation:cssload-dot-move 4.6s ease 1.15s infinite;-o-animation:cssload-dot-move 4.6s 1.15s ease infinite;-ms-animation:cssload-dot-move 4.6s 1.15s ease infinite;-webkit-animation:cssload-dot-move 4.6s ease 1.15s infinite;-moz-animation:cssload-dot-move 4.6s 1.15s ease infinite}.cssload-dot:nth-child(3){animation:cssload-dot-rotate-3 4.6s linear 2.3s infinite;-o-animation:cssload-dot-rotate-3 4.6s 2.3s linear infinite;-ms-animation:cssload-dot-rotate-3 4.6s 2.3s linear infinite;-webkit-animation:cssload-dot-rotate-3 4.6s linear 2.3s infinite;-moz-animation:cssload-dot-rotate-3 4.6s 2.3s linear infinite}.cssload-dot:nth-child(3):before{background-color:#afe102;animation:cssload-dot-move 4.6s ease 2.3s infinite;-o-animation:cssload-dot-move 4.6s 2.3s ease infinite;-ms-animation:cssload-dot-move 4.6s 2.3s ease infinite;-webkit-animation:cssload-dot-move 4.6s ease 2.3s infinite;-moz-animation:cssload-dot-move 4.6s 2.3s ease infinite}.cssload-dot:nth-child(4){animation:cssload-dot-rotate-4 4.6s linear 3.45s infinite;-o-animation:cssload-dot-rotate-4 4.6s 3.45s linear infinite;-ms-animation:cssload-dot-rotate-4 4.6s 3.45s linear infinite;-webkit-animation:cssload-dot-rotate-4 4.6s linear 3.45s infinite;-moz-animation:cssload-dot-rotate-4 4.6s 3.45s linear infinite}.cssload-dot:nth-child(4):before{background-color:#fbd301;animation:cssload-dot-move 4.6s ease 3.45s infinite;-o-animation:cssload-dot-move 4.6s 3.45s ease infinite;-ms-animation:cssload-dot-move 4.6s 3.45s ease infinite;-webkit-animation:cssload-dot-move 4.6s ease 3.45s infinite;-moz-animation:cssload-dot-move 4.6s 3.45s ease infinite}@keyframes cssload-dot-move{0%{-webkit-transform:translateY(0);transform:translateY(0)}18%,22%{-webkit-transform:translateY(-68px);transform:translateY(-68px)}40%,to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes cssload-dot-move{0%{-webkit-transform:translateY(0)}18%,22%{-webkit-transform:translateY(-68px)}40%,to{-webkit-transform:translateY(0)}}@keyframes cssload-dot-colors{0%{background-color:#fbd301}25%{background-color:#ff3270}50%{background-color:#208bf1}75%{background-color:#afe102}to{background-color:#fbd301}}@-webkit-keyframes cssload-dot-colors{0%{background-color:#fbd301}25%{background-color:#ff3270}50%{background-color:#208bf1}75%{background-color:#afe102}to{background-color:#fbd301}}@keyframes cssload-dot-rotate-1{0%{-webkit-transform:rotate(-105deg);transform:rotate(-105deg)}to{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@-webkit-keyframes cssload-dot-rotate-1{0%{-webkit-transform:rotate(-105deg)}to{-webkit-transform:rotate(270deg)}}@keyframes cssload-dot-rotate-2{0%{-webkit-transform:rotate(165deg);transform:rotate(165deg)}to{-webkit-transform:rotate(540deg);transform:rotate(540deg)}}@-webkit-keyframes cssload-dot-rotate-2{0%{-webkit-transform:rotate(165deg)}to{-webkit-transform:rotate(540deg)}}@keyframes cssload-dot-rotate-3{0%{-webkit-transform:rotate(435deg);transform:rotate(435deg)}to{-webkit-transform:rotate(810deg);transform:rotate(810deg)}}@-webkit-keyframes cssload-dot-rotate-3{0%{-webkit-transform:rotate(435deg)}to{-webkit-transform:rotate(810deg)}}@keyframes cssload-dot-rotate-4{0%{-webkit-transform:rotate(705deg);transform:rotate(705deg)}to{-webkit-transform:rotate(3turn);transform:rotate(3turn)}}@-webkit-keyframes cssload-dot-rotate-4{0%{-webkit-transform:rotate(705deg)}to{-webkit-transform:rotate(3turn)}}button.button4{display:inline-block;padding:.3em 1.2em;margin:0 .1em .1em 0;border:.16em solid #fff;border-radius:2em;box-sizing:border-box;text-decoration:none;font-family:"Roboto",sans-serif;font-weight:300;color:#fff;text-shadow:0 .04em .04em rgba(0,0,0,.35);text-align:center;transition:all .2s;opacity:.7;background-color:transparent}button.button4:hover{border-color:#fff}.form__group{position:relative;padding:3px 8px 0;margin-top:-4px;width:25%}.form__field{font-weight:500;width:100%;border:0;border-bottom:2px solid hsla(0,0%,60.8%,0);outline:0;font-size:3rem;color:#fff;padding:7px 0;background:transparent;transition:border-color .2s;overflow:visible}.form__field::-webkit-input-placeholder{color:transparent}.form__field:-ms-input-placeholder{color:transparent}.form__field::placeholder{color:transparent}.form__field:-ms-input-placeholder~.form__label{font-size:1.3rem;cursor:text;top:20px}.form__field:placeholder-shown~.form__label{font-size:1.3rem;cursor:text;top:20px}.form__field:focus{padding-bottom:6px;font-weight:700;border-width:3px;border-image:linear-gradient(90deg,#2e1199,#5f3feb);border-image-slice:1}.form__field:focus~.form__label{position:absolute;top:0;display:block;transition:.2s;font-size:1rem;color:#5c1199;font-weight:700}.greeting{margin-top:10%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.greetingContainer{width:55em;background:rgba(47,47,47,.23137254901960785);border-radius:30px}
/*# sourceMappingURL=main.2ff12ac1.chunk.css.map */