@import url(https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,700;0,800;0,900;1,400&display=swap);*{margin:0;padding:0;box-sizing:content-box}html{font-size:62.5%}#app{font-family:Nunito,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1f2041}.h1{font-size:5.2rem}.h2{font-size:3rem}.nav{background-color:#1f2041;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);position:fixed;width:100%;top:0;left:0;z-index:50;padding:2rem 4rem}.nav__main{margin:0 auto;display:flex;justify-content:space-between}.nav__brand,.nav__link,.nav__link:active,.nav__link:link,.nav__link:visited{font-size:1.85rem;font-weight:700;color:#fff;text-decoration:none}.nav__link.router-link-exact-active{color:#a3bffa}.home__page{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100vh}.home__banner{font-size:9rem}.home__subtitle{font-size:2rem}.sidebar{background-color:#4b3f72;width:25rem;height:100vh;margin-right:10rem;position:fixed}.sidebar__list{box-shadow:10px 0 15px -3px rgba(0,0,0,.1);height:100vh;padding:2rem 4rem;display:flex;flex-direction:column;z-index:1}.sidebar__list>*{margin-bottom:1rem}.sidebar__link,.sidebar__link:active,.sidebar__link:link,.sidebar__link:visited{color:#f7f5fb;font-size:2rem;text-decoration:none}.sidebar__link:hover{color:#ffc857}.dropdown__content{position:relative}.dropdown__form{border-radius:7px;border:1px solid #eee;background-color:#fff;box-shadow:10px 10px 15px -3px rgba(0,0,0,.1);min-width:10rem;padding:1rem 1.5rem;position:absolute;top:110%;z-index:30}.dropdown__bg{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;background:transparent;z-index:10}.todo-form{display:flex}.todos__app{width:100%}.todos__sidebar{position:relative;width:36rem;height:100vh}.todos__container{padding:2rem 0;margin-left:30rem}.todos__list{margin:4rem 0;box-shadow:0 10px 8px 2px rgba(0,0,0,.1);width:60%}.todos__item{border:1px solid #eee;border-radius:7px;display:flex;justify-content:space-between;align-items:center;font-size:2rem;padding:2rem}.todos__item:hover .todos__remove{opacity:1}.todos__remove{opacity:0}.todos__content{display:flex}.account__activator,.account__menu{position:fixed;top:2rem;right:2rem}.account__menu{z-index:30}.account__content{position:relative}.account__list{background-color:#fff;border:1px solid #eee;box-shadow:10px 10px 15px -3px rgba(0,0,0,.1);border-radius:7px;padding:1rem 1.5rem;position:absolute;top:4rem;right:0}.account__bg{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;background:transparent;z-index:10}.login__page{min-height:100vh;display:flex;align-items:center;justify-content:center}.login__container{width:20rem}.signup__main{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100vh}.textfield__label{font-size:1.6rem}.textfield__input{border:1px solid #ccc;border-radius:7px;display:flex;justify-content:space-between;padding:1rem;width:20rem}.textfield__input:focus-within{border-color:#1f2041}.textfield__input input{border:none;outline:none;width:100%}.textfield__input button{background:transparent;border:none;font-size:3rem;line-height:.3}.textfield__errors{font-size:1.4rem;color:#1f2041}.container{max-width:1280px}.my-1{margin-top:.5rem;margin-bottom:.5rem}.my-2,.my-3,.my-4{margin-top:1rem;margin-bottom:1rem}.my-5{margin-top:1.5rem;margin-bottom:1.5rem}.my-6{margin-top:2rem;margin-bottom:2rem}.mx-1{margin-left:.5rem;margin-right:.5rem}.mx-2{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mr-1{margin-right:.5rem}.mr-2{margin-right:1rem}.mr-3{margin-right:1.5rem}.mr-4{margin-right:2rem}.ml-1{margin-left:.5rem}.ml-2{margin-left:1rem}.ml-3{margin-left:1.5rem}.ml-4{margin-left:2rem}.text-base{font-size:1.6rem}.btn{border:none;border-radius:7px;box-shadow:0 6px 15px 3px rgba(0,0,0,.1);background-color:#119da4;color:#f7f5fb;font-size:2rem;padding:.5rem .8rem}.btn__icon{box-shadow:2px 7px 30px 5px rgba(0,0,0,.1);border:1px solid #000;background-color:transparent;border-radius:50%;display:flex;justify-content:center;align-items:center;line-height:100%;height:3rem;width:3rem;padding:0;cursor:pointer}.btn__icon img{height:55%}