body{margin:0;padding: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;background-image:url(/To-Do-App/static/media/background.8d08f5ba.jpg);background-repeat:repeat;background-size:cover}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0}.App{text-align:center;margin:0 auto;width:60vw;height:100vh;padding:10px;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.addTask{padding:35px 0 20px;position:relative;margin-top:20px}.addTask,.addTask h2{border:5px solid #fff;background-color:#6da1d1}.addTask h2{padding:5px;width:70%;text-transform:uppercase;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.addTask button{margin-top:20px;padding:5px 10px!important;background-color:#6da1d1}.addTask button:hover{background-color:#4775a0}.addTask input{margin-top:5px;padding:5px}.addTask input:focus{border:2px solid #000}.activeTask{margin:50px 0;padding:30px;position:relative}.activeTask,.activeTask h3{border:5px solid #fff;background-color:#f68026}.activeTask h3{padding:5px;width:70%;text-transform:uppercase;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.activeTask p{padding:5px 0}.activeTask button,.addTask button,.doneTask button{padding:1px 5px;margin:3px;color:#fff;cursor:pointer;border:1px solid #fff}.activeTask button{background-color:#f68026}.activeTask button:hover{background-color:#ca600f}.doneTask{margin:10px 0;padding:30px 0;position:relative}.doneTask,.doneTask h3{border:5px solid #fff;background-color:#c3b703}.doneTask h3{padding:5px;width:70%;text-transform:uppercase;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.doneTask button{background-color:#c3b703}.doneTask button:hover{background-color:#948a06}.activeTasks-mobile,.activeTasks-tablet,.doneTasks-mobile{display:none}@media (min-width:668px) and (max-width:768px){.activeTasks-tablet{display:inline-block}.activeTasks-desktop,.activeTasks-mobile{display:none}}@media (max-width:460px){.addTask{padding:65px 0 20px}.addTask input{margin-top:10px}.activeTasks-desktop,.doneTasks-desktop{display:none}.activeTasks-mobile,.doneTasks-mobile{display:inline-block;padding:10px 0;border-bottom:1px solid #000}}
/*# sourceMappingURL=main.fa2aee47.chunk.css.map */