@import url(https://fonts.googleapis.com/css?family=Josefin+Sans);*{box-sizing:border-box;font-family:Josefin Sans;margin:0;padding:0}.App{display:grid;grid-template-rows:35% 65%;height:100Vh;width:100%}.upper.light{background-image:url(/static/media/bg-desktop-light.3508d620efd5a52bb4ce.jpg)}.upper.dark,.upper.light{background-repeat:no-repeat;background-size:cover;display:flex;height:100%;justify-content:center;width:100%}.upper.dark{background-image:url(/static/media/bg-desktop-dark.73e47dbb723ebc772ef0.jpg)}.top-inner{color:#fff;margin-bottom:1rem;margin-top:2.5rem;width:40rem}.top{display:flex;justify-content:space-between}.top h1{font-size:2rem}.top img{cursor:pointer;height:30px;margin-right:-.4rem;width:30px}.input{position:relative}.input input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:inherit;border:1px solid linear-gradient(#57ddff,#c058f3);border-radius:50%;bottom:12px;cursor:pointer;height:25px;left:16px;position:absolute;width:25px}input[type=checkbox]:checked{background-image:linear-gradient(#57ddff,#c058f3);color:#fff}input::-webkit-input-placeholder{color:#cacde8}input::placeholder{color:#cacde8}input[type=checkbox]:checked:after{align-items:center;content:url(/static/media/icon-check.a8fb15d0278c8e312df5.svg);display:flex;font-weight:900;font-weight:1.4rem;justify-content:center;margin:.4rem}input[type=text]{border:none;border-radius:.3rem;box-shadow:0 0 12px rgba(0,0,0,.2);color:#161722;font-size:1.2rem;line-height:1.5;margin-top:2rem;outline:none;padding:.6rem .6rem .6rem 3rem;width:100%}.j{color:#161722;color:#25273c;color:#cacde8;color:#393a4c}.input-dark{background-color:#25273c;color:#fafafa!important}.input-dark::-webkit-input-placeholder{color:#9394a5!important}.input-dark::placeholder{color:#9394a5!important}.light{background-color:#fff}.todo.light{background-color:#fafafa}.todo.dark,.todo.light{display:flex;justify-content:center}.todo.dark{background-color:#161722}.content{background-color:#fafafa;border-radius:4px;border-radius:5px;box-shadow:0 0 12px rgba(0,0,0,.2);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;top:-50px;width:40rem;z-index:1000}.content.dark{background-color:#25273c}ul{border-radius:12px;display:grid;list-style:none;margin:0;padding:.1rem}li{align-items:center;border-bottom:1px solid #d2d3db;cursor:move;display:flex;padding:.8rem}li:last-child{cursor:pointer}li input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:inherit;border:1px solid #d2d3db;border-radius:50%;cursor:pointer;flex:1 1 auto;height:25px;width:25px}li h5{color:#25273c;flex:200 1 auto;font-size:1rem;font-weight:400;margin:.4rem .8rem .4rem .4rem}li h5:hover,li:hover img{color:#161722;cursor:pointer;display:block}.dark h5:hover{color:#fafafa}.dark li{border-bottom:1px solid #393a4c}.dark input[type=checkbox]{border:1px solid #393a4c}li img{display:none;flex:1 1 auto;height:15px;width:15px}li:last-child{border-bottom:none;color:#d2d3db;display:flex;justify-content:space-between}li:last-child button{background-color:inherit;border:none;color:#9394a5;cursor:pointer;font-size:1rem}.dark li{background-color:#25273c}.dark h5{color:#cacde8}.completed.light{color:#cacde8;text-decoration:line-through}.completed.dark{color:#d2d3db;color:#9394a5;text-decoration:line-through}.switch{display:flex;justify-content:space-between}.switch button{margin:0 .8rem}.active-tab{color:#3a7bfd!important}li:last-child button:focus,li:last-child button:hover{color:#161722}.dark li:last-child button:focus,.dark li:last-child button:hover{color:#fafafa}.bottom{bottom:-50px;color:#9394a5;display:grid;font-weight:400;left:0;position:absolute;text-align:center;width:100%}@media screen and (max-width:702px){.content,.top-inner{width:calc(100% - 50px)}.content{margin:0}}@media screen and (max-width:620px){li img{display:block}.bottom{bottom:-100px;position:absolute}}@media screen and (max-width:450px){.tab{padding:.4rem}}.media{background-color:#fafafa;border-radius:4px;bottom:-60px;box-shadow:0 0 12px rgba(0,0,0,.2);display:flex;justify-content:space-around;left:0;padding:1rem;position:absolute;width:100%}.media button{background-color:inherit;border:none;color:#9394a5;cursor:pointer;font-size:1rem;font-weight:600}.media.dark button{color:#9394a5}.media.dark button:hover{color:#fafafa}.media button:hover{color:#161722}.media.dark{background-color:#25273c;color:#9394a5}
/*# sourceMappingURL=main.fa3c292b.css.map*/