.App{align-items:center;background-color:#ffa07a;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;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__field{border:none;border-radius:50px;box-shadow:inset 0 0 5px #000;font-size:25px;padding:20px 30px;transition:.2s;width:100%}.input__field:focus{box-shadow:0 0 10px 1000px rgba(0,0,0,.5);outline:none}.input__button{background-color:#ffa07a;border:none;border-radius:50px;box-shadow:0 0 10px #000;color:#fff;cursor:pointer;font-size:15px;height:50px;margin:12px;position:absolute;right:0;transition:all .2s;width:50px}.input__button:hover{background-color:#ffb69a}.input__button:active{box-shadow:0 0 5px #000;-webkit-transform:scale(.8);transform:scale(.8)}@media (max-width:700px){.input{width:95%}}.container{align-items:flex-start;display:flex;justify-content:space-between;margin-top:10px;width:95%}@media (max-width:700px){.container{flex-direction:column;width:95%}}.todos{background-color:#ffefd5;border-radius:5px;display:flex;flex-direction:column;padding:15px;width:47.5%}@media (max-width:1100px){.todos{width:45%}}@media (max-width:700px){.todos{margin-bottom:10px;width:100%}}.todos__heading{font-size:30px}.remove{background-color:#cd5c5c;color:#fff}.dragactive{background-color:#fcbf65}.dragcomplete{background-color:red}.todoItem{background-image:url(/todo-app/static/media/todoItem_background.5658fe0875beb3430c19.jpg);background-position:100%;border-radius:5px;display:flex;margin-top:15px;padding:20px;transition:.2s}.todoItem:hover{box-shadow:0 0 5px #000;cursor:pointer;-webkit-transform:scale(1.03);transform:scale(1.03)}.todoItem__text{border:none;color:#000;flex:1 1;font-size:20px;overflow:hidden;padding:5px}.todoItem__text:focus{outline:none}.icon{color:#000;cursor:pointer;font-size:25px;margin-left:10px}.drag{box-shadow:0 0 20px #000}*,:after,:before{box-sizing:border-box}ol[class],ul[class]{padding:0}blockquote,body,dd,dl,figcaption,figure,h1,h2,h3,h4,li,ol[class],p,ul[class]{margin:0}body{line-height:1.5;min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed}ol[class],ul[class]{list-style:none}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img{display:block;max-width:100%}article>*+*{margin-top:1em}button,input,select,textarea{font:inherit}
/*# sourceMappingURL=main.b920bdc3.css.map*/