@import"https://fonts.googleapis.com/css2?family=Neucha&display=swap";body{margin:0;background-color:#2f74c0}.App{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;background-color:#2f74c0;font-family:Neucha,cursive}img{height:40px}.heading{text-transform:uppercase;font-size:40px;margin:30px 0;z-index:1;text-align:center;color:#fff}@media (max-width: 800px){.heading{margin:15px 0;font-size:35px}}.input{display:flex;width:95%;position:relative;align-items:center}.input_box{width:100%;border-radius:50px;padding:20px 30px;font-size:25px;border:none;transition:.2s ease;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 7px #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-top:10px;justify-content:space-between;align-items:flex-start}.todos{display:flex;width:47.5%;flex-direction:column;padding:15px;border-radius:5px;background-color:#32c3cd}.todos_heading{font-size:30px;color:#fff}.todos_single{display:flex;border-radius:5px;padding:20px;margin-top:15px;background-image:url(https://img.freepik.com/free-photo/watercolor-paper-texture_1194-6496.jpg);transition:.2s}.todos_single:hover{box-shadow:0 0 5px #000;transform:scale(1.02)}.todos_single--text{flex:1;padding:5px;border:none;font-size:20px;flex-wrap:wrap}.todos_single--text:focus{outline:none}.icon{margin-left:12px;font-size:25px;cursor:pointer}@media (max-width: 1100px){.todos{width:45%}}@media (max-width: 700px){.input{width:95%}.todos{width:95%;margin-bottom:10px}.container{width:95%;flex-direction:column}}.remove{background-color:#eb6750}.dragactive{background-color:#00ddec}.dragcomplete{background-color:#ff2600}.drag{box-shadow:0 0 20px #000}