@import"https://fonts.googleapis.com/css?family=Exo:400,700";*{margin:0;padding:0;box-sizing:border-box}body{transition:ease .25s;font-family:Exo,sans-serif}.input-group-text{width:40px}.account-form{display:block;width:600px;border:2px solid rgba(194,191,191,.7);border-radius:10px;padding:20px}.account-form>button[type=submit]{align-items:center}#color-palette{position:fixed;width:fit-content;top:30px;left:70px}.color-palette-container{position:relative}.color-palette-container>input[type=color]{position:absolute;border:2px solid rgb(255,255,255);border-radius:50%;left:20px;top:-5px;z-index:1;height:40px;width:40px;-webkit-appearance:none;cursor:pointer}.color-palette-container>input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-palette-container>input[type=color]::-webkit-color-swatch{border-radius:50%;cursor:pointer}.color-palette-container>.fa-palette{position:absolute;background-color:transparent;top:2px;left:22px;font-size:30px}.color-palette-container>button{position:absolute;top:4px;font-size:25px;border:none;background-color:transparent;cursor:pointer}.color-palette-container>button:nth-of-type(1){left:-30px}.color-palette-container>button:nth-of-type(2){right:-30px}@media (max-width: 900px){.color-palette-container>input[type=color]{width:36px;height:36px;left:10px;top:0}.color-palette-container>button{font-size:22px}.color-palette-container>button:nth-of-type(1){top:7px}}@media (max-width: 500px){.color-palette-container>input[type=color]{width:32px;height:32px;left:-15px;top:0}.color-palette-container>button{font-size:20px}.color-palette-container>button:nth-of-type(1){left:-50px;top:6px}}@media (max-height: 600px){.color-palette-container>input[type=color]{top:-5px}.color-palette-container>.fa-palette{top:0}.color-palette-container>button:nth-of-type(1){top:2px}}.duck-button{background:none;border:none;outline:none;box-shadow:none}#duckImg{width:50px;height:50px;color:#ff0;z-index:3;position:absolute}@media (max-width: 900px){#duckImg{width:40px;height:40px}}@media (max-width: 700px){#duckImg{width:37px;height:37px}}@media (max-width: 600px){#duckImg{width:34px;height:34px}}@media (max-width: 450px){#duckImg{width:28px;height:28px}}#alert{z-index:2;position:fixed;top:80px;left:50%;transform:translate(-50%);min-width:300px;transition:opacity 1s ease;text-align:center}.fade-out{opacity:0}@media (max-width: 600px){#alert{min-width:300px;font-size:12px}}@media (max-height: 620px){#alert{top:50px}}.account>.row{margin-right:0;margin-left:0}.input-group-text:nth-child(1){display:flex;justify-content:center;align-items:center}@media (max-width: 600px){h1{font-size:35px}.account-form{width:450px}}@media (max-width: 500px){.invalid-feedback{font-size:12px}h1{font-size:25px}.account-form{width:350px}#register-form>div>span{font-size:12px;height:32px}#register-form>div>input{font-size:12px}#register-form>.form-check>span>input{font-size:12px}#register-form>.form-check>span>label{font-size:12px}#register-form>div>div>button{font-size:12px}#register-form>div>div>a{font-size:12px}#login-form>div>span{font-size:12px;height:32px}#login-form>div>input{font-size:12px}#login-form>.form-check>span>input{font-size:12px}#login-form>.form-check>span>label{font-size:12px}#login-form>div>div>button{font-size:12px}#login-form>div>div>a{font-size:12px}}@media (max-width: 400px){.account-form{width:300px}h1{font-size:22px}#register-form>div{margin:0}#register-form>div>span{width:20px;font-size:10px;height:31px}#register-form>div>input{font-size:11px}#register-form>.form-check>span>input{font-size:11px}#register-form>.form-check>span>label{font-size:11px}#register-form>div>div>button{font-size:12px}#register-form>div>div>a{font-size:12px}#login-form>div>span{font-size:12px;height:32px}#login-form>div>input{font-size:12px}#login-form>.form-check>span>input{font-size:12px}#login-form>.form-check>span>label{font-size:12px}#login-form>div>div>button{font-size:12px}#login-form>div>div>a{font-size:12px}}@media (max-height: 450px){.account-form{min-height:250px;padding:3px}h1{margin:0}#register-form>.form-check{margin-top:0}#register-form>div>label{margin:0}#register-form>.form-check>span>label{margin:0}#register-form>div>div>button{margin-top:-5px}#login-form>.form-check{margin-top:0}#login-form>div>label{margin:0}#login-form>.form-check>span>label{margin:0}#login-form>div>div>button{margin-top:-5px}}.profile-container{position:fixed;top:30px;right:80px;width:fit-content}.profile-container>button{width:45px;height:45px;display:flex;justify-content:center;align-items:center}.profile-container>button>i{font-size:22px}.profile0-container>button:focus{background-color:none}@media (max-width: 900px){.profile-container>button{width:40px;height:40px}.profile-container>button>i{font-size:19px}}@media (max-width: 700px){.profile-container{right:50px}.profile-container>button{width:38px;height:38px}.profile-container>button>i{font-size:17px}}@media (max-width: 500px){.profile-container{right:40px}.profile-container>button{width:33px;height:33px}.profile-container>button>i{font-size:13px}}@media (max-width: 400px){.profile-container{right:30px}}@media (max-height: 600px){.profile-container{top:25px}}.task{position:relative;display:flex;justify-self:center;border-radius:10px;background-color:#e6e3e3;padding:10px;width:95%;transition:opacity .8s ease,transform 1s ease}.slide-animation{transform:translate(-10%);opacity:0}.opacity{opacity:0}.task>input[type=checkbox]{margin-left:2px;margin-right:7px;width:20px;background-color:#ff0;cursor:pointer}.task>input[type=text]{width:100%;height:100%;font-size:16px}.task>p{align-self:flex-start;width:100%;font-size:16px;padding-top:3px;margin:0 0 0 5px;white-space:initial;vertical-align:middle}.task>button{font-size:20px;background-color:transparent;border:none;margin:0 7px}.fa-grip-vertical{font-size:20px;position:absolute;left:-30px;top:50%;transform:translateY(-50%)}.fa-pencil,.edit-check,.fa-trash{font-size:20px}@media (max-width: 900px){.task-list,.task-list-item{width:100%}.task{width:94%}.fa-grip-vertical{left:-23px;font-size:18px}.fa-pencil,.edit-check,.fa-trash{font-size:18px}}@media (max-width: 700px){.task-list{width:100%}.task{width:93%}.task>input[type=checkbox]{width:15px}.task>input[type=text]{font-size:15px}.task>p{font-size:15px}.task>button:nth-last-of-type(1){margin-right:5px}.task>button:nth-last-of-type(2){margin-right:5px}.fa-grip-vertical{font-size:16px;left:-18px}.fa-pencil,.edit-check,.fa-trash{font-size:16px}}@media (max-width: 550px){.task>input[type=checkbox]{width:11px}.task{width:93%}.task>input[type=text]{font-size:12px}.task>button:nth-last-of-type(1){margin-right:5px}.task>button:nth-last-of-type(2){margin-right:5px}.task>p{font-size:13px;padding-top:5px}.fa-grip-vertical{font-size:13px;left:-16px}.fa-pencil,.edit-check,.fa-trash{font-size:13px}}@media (max-width: 450px){.task{width:92%}.task>input[type=text]{font-size:11px}.task>p{font-size:12px;padding-top:6px}.fa-grip-vertical{font-size:12px;left:-14px}.fa-pencil,.edit-check,.fa-trash{font-size:12px}}@media (max-height: 750px){.task{padding:5px 7px}}@media (max-height: 550px){.task{padding:3px 7px}}@media (max-height: 475px){.task{padding:0 7px}}#to-do-list{min-height:600px;min-width:600px}#to-do-list>.h3{color:#c8cacc}#to-do-container{background-color:#fff;border-radius:10px;padding:20px;overflow-y:hidden;overflow-x:hidden;max-height:784px;width:700px}#to-do-container>p{text-align:center}.to-do-inputs{position:relative;margin:25px 10px}#task-input{border-radius:20px;width:97%;padding-right:25px}.to-do-inputs>label{text-align:center}.submit-task{position:absolute;display:block;right:0;top:-3px;width:43px;height:43px;background-color:#08cf08}.submit-task>i{font-size:25px;padding-top:4px;padding-left:1px}.task-list,.task-list-item{padding:0;margin:0;list-style-type:none}.task-list{width:100%;max-height:600px;overflow-y:scroll;overflow-x:hidden}.task-list::-webkit-scrollbar-thumb{background-color:#dac0c0;border:4px solid transparent;border-radius:8px;background-clip:padding-box}.task-list::-webkit-scrollbar{width:16px}.task-list-item{width:100%}.task-list-item{margin-left:30px;margin-top:10px}@media (max-width: 900px){.task-list-item{margin-left:25px}#to-do-container{padding:20px 15px}#to-do-list{min-width:500px}#to-do-container{width:600px}#task-input{padding-right:27px}.task-list::-webkit-scrollbar{width:14px}}@media (max-width: 700px){#to-do-list{min-height:500px}#to-do-container{width:500px}.task-list-item{margin-left:23px}.submit-task{width:38px;height:38px;top:-2px}.submit-task>i{font-size:22px}#task-input{height:35px}.to-do-inputs{margin:20px 10px}}@media (max-width: 550px){.task-list-item{margin-left:22px}#to-do-container{padding:20px 10px}#to-do-list{min-width:400px}#to-do-container{width:400px}.submit-task{width:34px;height:34px;top:-2.5px;right:2px}.h4{font-size:22px}.submit-task>i{font-size:20px}#task-input{height:30px;font-size:13px}.to-do-inputs>label{font-size:12px}.to-do-inputs{margin:15px 10px}.task-list::-webkit-scrollbar{width:12px}}@media (max-width: 450px){.task-list-item{margin-left:20px}#to-do-list{min-width:300px}#to-do-container{width:300px}.h4{font-size:20px}.to-do-inputs{width:95%}.to-do-inputs>label{font-size:11px}.to-do-inputs{margin:18px 10px}#task-input{padding-right:30px}}@media (max-height: 950px){#to-do-container{max-height:730px}.task-list{max-height:545px}}@media (max-height: 800px){#to-do-container{max-height:620px}.task-list{max-height:440px}}@media (max-height: 700px){#to-do-list{min-height:500px}#to-do-container{max-height:550px}.task-list{max-height:330px}}@media (max-height: 550px){#to-do-list{min-height:300px}#to-do-container{max-height:450px}.task-list{max-height:275px}}@media (max-height: 475px){#to-do-list{min-height:200px;max-height:330px}#to-do-container{max-height:330px}.task-list{max-height:210px}}@media (max-height: 400px){#to-do-list{min-height:200px;max-height:300px}#to-do-container{max-height:300px}.task-list{max-height:180px}}body{overflow:hidden;width:100vw;height:100vh}.area{display:flex;justify-content:center;align-items:center;background:transparent;background:-webkit-linear-gradient(to left,#8f94fb,#4e54c8);width:100%;height:100vh;transition:ease .25s}.circles{position:absolute;background:#78c1f3;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1}.circles li{position:absolute;display:block;list-style:none;width:20px;height:20px;background:#fff3;animation:animate 25s linear infinite;bottom:-150px}.circles li:nth-child(1){left:25%;width:80px;height:80px;animation-delay:0s}.circles li:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s}.circles li:nth-child(3){left:70%;width:20px;height:20px;animation-delay:4s}.circles li:nth-child(4){left:40%;width:60px;height:60px;animation-delay:0s;animation-duration:18s}.circles li:nth-child(5){left:65%;width:20px;height:20px;animation-delay:0s}.circles li:nth-child(6){left:75%;width:110px;height:110px;animation-delay:3s}.circles li:nth-child(7){left:35%;width:150px;height:150px;animation-delay:7s}.circles li:nth-child(8){left:50%;width:25px;height:25px;animation-delay:15s;animation-duration:45s}.circles li:nth-child(9){left:20%;width:15px;height:15px;animation-delay:2s;animation-duration:35s}.circles li:nth-child(10){left:85%;width:150px;height:150px;animation-delay:0s;animation-duration:11s}@keyframes animate{0%{transform:translateY(0) rotate(0);opacity:1;border-radius:0%}to{transform:translateY(-1000px) rotate(720deg);opacity:0;border-radius:50%}}