@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Neucha&family=Poppins:wght@300&family=Roboto:wght@100;300;400;500;700;900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;background-color:#2f74c0;display:flex;flex-direction:column;font-family:Neucha,cursive;height:100vh;width:100vw}.heading{color:#fff;font-size:40px;margin:30px 0;text-align:center;text-transform:uppercase;z-index:1}@media(max-width:800px){.heading{font-size:35px;margin:15px 0}}.input{align-items:center;display:flex;position:relative;width:95%}.input_box{border:none;border-radius:50px;box-shadow:inset 0 0 5px #000;font-size:25px;padding:20px 30px;transition:.2s;width:100%}.input_box:focus{box-shadow:0 0 10px 1000px rgba(0,0,0,.5);outline:none}.input_submit{background-color:#2f74c0;border:none;border-radius:50px;box-shadow:0 0 10px #000;color:#fff;font-size:15px;height:50px;margin:12px;position:absolute;right:0;transition:all .2s;width:50px}.input_submit:active{box-shadow:0 0 5px #000;-webkit-transform:scale(.8);transform:scale(.8)}.todo{background-color:#32c3cd;border-radius:5px;display:flex;flex-direction:column;padding:15px;width:47.5%}.todos__heading{color:#fff;font-size:30px}.single_todo{background-image:url(https://img.freepik.com/free-photo/crumpled-yellow-paper-background-close-up_60487-2390.jpg?ext=jpg&size=626);border-radius:5px;display:flex;margin-top:15px;padding:20px;transition:.2s}.single_todo:hover{box-shadow:0 0 5px #000;-webkit-transform:scale(1.03);transform:scale(1.03)}.single_todo--text{border:none;flex:1 1;font-size:20px;padding:5px}.single_todo--text:focus{outline:none}.icon{cursor:pointer;font-size:25px;margin-left:10px}.container{align-items:flex-start;display:flex;justify-content:space-between;margin-top:10px;width:95%}.logout{background-color:#eb6750;border:none;border-radius:50px;box-shadow:0 0 10px #000;color:#fff;font-size:15px;height:40px;margin:12px;position:absolute;right:0;transition:all .2s;width:40px}.logout:active{box-shadow:0 0 5px #000;-webkit-transform:scale(.8);transform:scale(.8)}.login_h{align-items:center;background-color:#2f74c0;display:flex;flex-direction:column;font-family:Neucha,cursive;height:80vh;padding-top:10%;width:100vw}.input_login{border:none;border-radius:50px;box-shadow:inset 0 0 5px #000;font-size:25px;margin-bottom:2rem;padding:20px 30px;transition:.2s;width:40%}.input_login:active{box-shadow:0 0 5px #000;-webkit-transform:scale(.8);transform:scale(.8)}.login_submit{background-color:#fff;border:none;border-radius:20px;color:#2f74c0;font-size:20px;margin:12px;padding:10px;right:0}@media (max-width:700px){.input,.todo{width:95%}.todo{margin-bottom:10px}.container{flex-direction:column;width:95%}}.remove{background-color:#eb6750}.drag{box-shadow:0 0 25px #000}.dragactive{background-color:#00ddec}.dragcomplete{background-color:#ff2600}
/*# sourceMappingURL=main.5a4209ba.css.map*/