@import url(https://fonts.googleapis.com/css?family=Raleway:400,700&display=swap);::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-button{width:0;height:0}::-webkit-scrollbar-thumb{background:#000;border:0 #fff;border-radius:50px}::-webkit-scrollbar-thumb:active,::-webkit-scrollbar-thumb:hover{background:#000}::-webkit-scrollbar-track{background:#fff;border:0 #fff;border-radius:50px}::-webkit-scrollbar-track:hover{background:#fff}::-webkit-scrollbar-track:active{background:#333}::-webkit-scrollbar-corner{background:transparent}*,:after,:before{box-sizing:border-box}html{font-size:62.5%}body{margin:0;font-family:Raleway,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{width:100vw;background:-webkit-gradient(linear,left top,left bottom,from(#6bf3ff),color-stop(40%,#6bf3ff),color-stop(40%,#fff),to(#fff));background:-webkit-linear-gradient(top,#6bf3ff,#6bf3ff 40%,#fff 0,#fff);background:linear-gradient(180deg,#6bf3ff 0,#6bf3ff 40%,#fff 0,#fff);padding:2rem;color:#1c1e1f;display:flex;justify-content:center;align-items:stretch}h1{margin:0 auto;font-size:4rem;text-align:center;position:relative;max-width:38rem}h1:after,h1:before{content:"🚅";position:absolute;top:50%;-webkit-transform:translateY(-62%);transform:translateY(-62%)}h1:before{left:20px}h1:after{right:20px;-webkit-transform:translateY(-62%) scaleX(-1);transform:translateY(-62%) scaleX(-1)}@media screen and (max-width:400px){h1:before{left:-20px}h1:after{right:-20px}}.App .container{width:30%;background:#fff;border-radius:4px;box-shadow:0 0 30px -3px rgba(0,0,0,.5);padding:2rem;margin-right:4rem;margin-top:8rem}.timer{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:2rem;font-size:1.6rem;position:relative}.timer h2{font-weight:200}.timer .emoji{position:absolute;top:40%}.timer .emoji.left{left:4rem}.timer .emoji.right{right:4rem}.timer span{font-size:4.5rem;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#ff7575;font-weight:700}.list-container{width:40%;background:#fff;border-radius:4px;box-shadow:0 0 30px -3px rgba(0,0,0,.5);padding:2rem;margin-top:8rem}.list-container h2{text-align:center;font-size:3rem;margin:0}.to-do-form{max-width:400px;display:flex;justify-content:space-between;align-items:flex-end;margin:3rem auto 4rem}.to-do-form input{border:none;border-bottom:1px solid #ccc;padding:5px;width:350px;font-size:1.8rem}.to-do-form input:focus{outline:none;border-bottom:1px solid #37d8e6}.to-do-form input:focus+button svg{stroke:#ff7866}.to-do-form button{border:none;background:none;box-shadow:none;height:24px;padding:0}.single-to-do{display:flex;align-items:center;justify-content:space-between;width:400px;margin:0 auto 1.5rem}.single-to-do input{display:none}.single-to-do label{width:20px;height:20px;border:1px solid #000;display:inline-block;position:relative;cursor:pointer;margin-right:1rem}.single-to-do label:after{content:"";position:absolute;width:12px;height:12px;background:#000;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);display:none}.single-to-do input:checked+label:after{display:block}.single-to-do span{font-size:1.7rem;font-weight:700;max-width:90%}.single-to-do button{border:none;box-shadow:none;background:none;height:24px;cursor:pointer;padding:0}.single-to-do button svg{stroke:#ff7866}button.login,button.logout{display:block;width:150px;margin:1rem auto 0;padding:5px;border-radius:4px;background:none;border:2px solid #ff7866;color:#ff7866;cursor:pointer;text-transform:uppercase}button.login{width:300px;padding:10px;font-weight:700;letter-spacing:.4px;font-family:Roboto;margin-top:8rem}button.login,button.logout:hover{background:#ff7866;color:#fff}@media screen and (max-width:1300px){h1:after,h1:before,span.emoji{display:none}}@media screen and (max-width:900px){.App{flex-direction:column;align-items:center}.App .container,.list-container{width:80%}.App .container{margin-right:0}}@media screen and (max-width:600px){.App .container,.list-container{width:100%}.list-container{margin-top:5rem}}
/*# sourceMappingURL=main.c08e3f36.chunk.css.map */