*,*::before,*::after{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%}@media only screen and (max-width: 37.5em){html{font-size:50%}}body{box-sizing:border-box;background-color:#badbfb;background-image:linear-gradient(135deg, #badbfb 0%, #fff 100%);background-size:cover;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;font-family:"Poppins", sans-serif}.title{font-size:13rem;background-image:linear-gradient(135deg, #001c46 100%, #5089be 0%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:5px 5px 10px #5089be;margin-bottom:3rem}.container{width:70%;padding:3rem;display:flex;justify-content:center;background-image:linear-gradient(135deg, #9ec5ff 100%, #bbdeff 0%);box-shadow:rgba(0,0,0,0.16) 0px 1px 4px;border-radius:5rem}@media only screen and (max-width: 37.5em){.container{width:90%}}.input{max-width:100%;width:45rem;height:3rem;margin:auto;border:none;outline:none;padding:2rem;font-size:1.4rem;font-family:"Poppins", sans-serif;border-radius:3rem}@media only screen and (max-width: 37.5em){.input{width:35rem}}.input::-moz-placeholder{font-family:inherit}.input::placeholder{font-family:inherit}.list{width:70%;margin-top:3rem;font-size:2rem;color:#3e4f66;list-style:none}@media only screen and (max-width: 37.5em){.list{width:90%}}.list li{position:relative;background-color:#fff;padding:2rem 1rem;border-radius:0.7rem;border-left:1rem solid #9ec5ff;transition:all 0.2s;overflow:hidden;z-index:100;box-shadow:rgba(0,0,0,0.16) 0px 1px 4px}.list li:hover{cursor:pointer;color:white}.list li:not(:last-child){margin-bottom:0.5rem}.list li::before{content:"";position:absolute;top:0;left:0;height:100%;width:3px;background-color:#9ec5ff;transform:scaleY(0);transition:transform 0.2s,width 0.4s cubic-bezier(1, 0, 0, 1) 0.2s,background-color 0.1s;z-index:-1;color:white}.list li:hover::before{transform:scaleY(1);width:100%;color:white}.list li.completed{background-color:#9ec5ff;color:white;font-weight:500}.list li.completed::after{font-family:"Font Awesome 5 Free";font-weight:900;content:"\f00c";margin-left:1rem}.helper-text{font-size:1.2rem;text-transform:uppercase;font-weight:500;margin-top:2rem}.copyright{font-size:1.2rem}