@import url(https://fonts.googleapis.com/css2?family=Netflix+Sans:wght@300;400;500;700&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:#141414;display:flex;flex-direction:column;font-family:Netflix Sans,sans-serif;min-height:100vh;width:100vw}.heading{color:#e50914;font-size:40px;margin:30px 0;text-align:center;text-shadow:2px 2px 4px #00000080;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{background-color:#333;border:none;border-radius:4px;color:#fff;font-size:16px;padding:16px 20px;transition:.3s;width:100%}.input__box:focus{background-color:#454545;outline:none}.input_submit{background-color:#e50914;border:none;border-radius:4px;color:#fff;font-size:14px;height:40px;margin:8px;position:absolute;right:0;transition:all .3s;width:40px}.input_submit:hover{background-color:#f40612}.input_submit:active{transform:scale(.95)}.container{align-items:flex-start;display:flex;justify-content:space-between;margin-top:20px;width:95%}.todos{background-color:#fa0;border-radius:4px;display:flex;flex-direction:column;padding:20px;width:47.5%}.dragactive{background-color:#1f1f1f}.dragcomplete{background-color:#e50914}.remove{background-color:#008f11}.todos__heading{color:#fff;font-size:24px;font-weight:700;margin-bottom:15px}.todos__single{background-color:#333;border-radius:4px;display:flex;margin-top:10px;padding:16px;transition:.3s}.drag{box-shadow:0 0 15px #e5091480}.todos__single:hover{background-color:#454545;transform:translateY(-2px)}.todos__single--text{background:#0000;border:none;color:#fff;flex:1 1;font-size:16px;padding:5px}.todos__single--text:focus{outline:none}.icon{color:#e50914;cursor:pointer;font-size:20px;margin-left:10px}@media (max-width:1100px){.todos{width:45%}}@media (max-width:700px){.input{width:95%}.container{flex-direction:column;width:95%}.todos{margin-bottom:15px;width:95%}}
/*# sourceMappingURL=main.ee33184e.css.map*/