@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700|Pacifico&display=swap);*,:after,:before{box-sizing:border-box}body{font-family:Open Sans,sans-serif;color:#fff}ul{list-style:none;margin:0;padding:0}a{text-decoration:none;color:inherit}.container{width:90%;max-width:1100px;margin:0 auto}.btn,button{background-color:#f53b57;border:.2rem solid #f53b57;border-radius:.2em;color:#fff;padding:.5em .8em;font-weight:700;-webkit-transition:all .3s ease;transition:all .3s ease}.btn+.btn,button+.btn{margin-left:1rem}.btn:focus,.btn:hover,button:focus,button:hover{background-color:#f64f68;border-color:#f64f68}.btn--ghost{background-color:transparent;color:#f53b57}.auth__form,.nav__container{background-color:#333;box-shadow:0 0 18px -5px rgba(0,0,0,.75);border-radius:.2rem}.nav{position:absolute;top:0;right:0;width:100%}.nav__container{border-radius:0 0 .2rem .2rem;display:flex;justify-content:space-between;align-items:center}.nav a,.nav button{display:block;padding:1rem 2rem}.nav button{background:transparent;border:none;font-weight:400}.nav .github-link i{-webkit-transition:all .3s ease;transition:all .3s ease}.nav .github-link:focus,.nav .github-link:hover{color:#f53b57}.nav .logo{font-family:Pacifico,cursive;font-weight:400;font-size:1.3rem;padding:0 2rem}.nav__links{display:flex;justify-content:flex-end}.nav__links .emphasis{position:relative}.nav__links .emphasis:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:.25em;background-color:#f53b57}header,main{min-height:100vh;display:flex;justify-content:center;align-items:center;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.77)),to(rgba(0,0,0,.77))),url(https://source.unsplash.com/1600x900/?nature%2Cwater%2Cforest=);background-image:-webkit-linear-gradient(rgba(0,0,0,.77),rgba(0,0,0,.77)),url(https://source.unsplash.com/1600x900/?nature%2Cwater%2Cforest=);background-image:linear-gradient(rgba(0,0,0,.77),rgba(0,0,0,.77)),url(https://source.unsplash.com/1600x900/?nature%2Cwater%2Cforest=);background-size:cover;background-repeat:none}main{padding:6rem 10vw 2rem}.landing__text-box{text-align:center}.landing__text-box h1{margin:0;font-family:Pacifico,cursive;font-size:4rem;font-weight:400}.landing__text-box p{font-size:2rem;font-weight:300;letter-spacing:.07em}.landing__text-box a{display:inline-block}.auth__form>*{display:block;margin:3rem 2rem}.auth__form__custom-input{position:relative}.auth__form__custom-input input{width:18rem;border:none;padding:.5em 1em}.auth__form__custom-input span{position:absolute;color:#333;top:50%;left:1em;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .3s ease;transition:all .3s ease}.auth__form__custom-input input:focus+span,.auth__form__custom-input input:valid+span{top:-1em;color:#fff}.auth__form button{width:100%;text-align:center;margin:0 auto}.todos{flex-direction:column}.todos__form{display:flex;align-items:center;width:100%;max-width:36rem;margin-bottom:1rem}.todos__form__custom-input{position:relative;flex-grow:1;margin-right:-.2em}.todos__form__custom-input span{color:#333;position:absolute;top:50%;left:1em;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .3s ease;transition:all .3s ease}.todos__form__custom-input input{width:100%;border:none;padding:.5em 1em;border-radius:.2em}.todos__form__custom-input input:focus+span,.todos__form__custom-input input:valid+span{top:-1em;color:#fff;font-weight:700}.todos__form__btn{font-size:1.25rem;z-index:2}.todos__form__btn,.todos__list{box-shadow:0 0 18px -5px rgba(0,0,0,.75)}.todos__list{border-radius:.2rem;background-color:#333;padding:2em;width:100%;max-width:36rem}.todos .todo{display:flex}.todos .todo:not(:first-child){border-top:.25px solid #666}.todos .todo.completed .todo__description{color:#666;text-decoration:line-through}.todos .todo__description{flex-grow:1;align-self:center;font-weight:300;letter-spacing:.1em;line-height:1.25}.todos .todo__controls{display:flex;margin:1em 0}.todos .todo__custom-checkbox{margin-left:.6em;position:relative}.todos .todo__custom-checkbox input{opacity:0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}.todos .todo__custom-checkbox input+span{color:#666;-webkit-transition:all .3s ease;transition:all .3s ease;border:.2rem solid #666;border-radius:50%;display:flex;justify-content:center;align-items:center}.todos .todo__custom-checkbox input+span i{padding:.6em}.todos .todo__custom-checkbox input:checked+span,.todos .todo__custom-checkbox span:hover{color:#05c46b;border:.2rem solid #05c46b}.todos .todo__custom-checkbox span.delete:hover{color:#ee5253;border:.2rem solid #ee5253}
/*# sourceMappingURL=main.45d975fa.chunk.css.map */