@import"https://fonts.googleapis.com/css2?family=Neucha&display=swap";.App{width:100vw;min-height:100vh;display:flex;flex-direction:column;align-items:center;background-color:#2f74c0;font-family:Neucha,cursive}.heading{text-transform:uppercase;font-size:40px;margin:30px 0;color:#fff;z-index:1;text-align:center}@media (max-width: 800px){.heading{margin:15px 0;font-size:35px}}.input{display:flex;width:95%;position:relative;align-items:center;margin-bottom:40px}.input__box{font-family:Neucha,cursive;width:100%;border-radius:50px;padding:20px 40px;font-size:25px;border:none;transition:.2s;box-shadow:inset 0 0 5px #000}.input__box:focus{box-shadow:0 0 10px 1000px #00000080;outline:none}.input_submit{position:absolute;width:50px;height:50px;margin:12px;border-radius:50px;right:0;border:none;font-size:15px;background-color:#2f74c0;color:#fff;transition:.2s all;box-shadow:0 0 10px #000}.input_submit:hover{background-color:#388ae2}.input_submit:active{transform:scale(.8);box-shadow:0 0 5px #000}.container{display:flex;width:95%;margin:10px auto 0;justify-content:space-between;align-items:flex-start}.todos{box-sizing:border-box;display:flex;width:48.5%;flex-direction:column;padding:15px 30px;border-radius:5px;background-color:#32c3cd}.todos__heading{font-size:30px;color:#fff}.remove{background-color:#eb6750}.dragactive{background-color:#00ddec}.dragremove{background-color:#ff2600}.drag{box-shadow:0 0 20px #000}.todos__single{display:flex;border-radius:5px;padding:20px;margin-top:15px;background-image:url(https://img.freepik.com/free-photo/crumpled-yellow-paper-background-close-up_60487-2390.jpg?size=626&ext=jpg);transition:.2s}.todos__single:hover{box-shadow:0 0 5px #000;transform:scale(1.03)}.todos__single--text{flex:1;padding:5px;border:none;font-size:20px}.todos__single--text:focus{outline:none}.edit-input{font-family:Neucha,cursive;border-radius:5px;padding-left:12px}.icon{margin-left:10px;font-size:25px;cursor:pointer}@media (max-width: 1100px){.todos{width:48%}}@media (max-width: 700px){.input{width:90%}.todos{width:95%;margin:0 auto 30px}.container{width:95%;flex-direction:column}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}