body{margin:0;padding:0}*{box-sizing:border-box}#root{border:2px solid red;display:flex;flex-direction:column;height:100vh;width:100vw}.add-task{border:2px solid blue;height:10vh;width:100vw}.add-task form{height:100%;margin:0 auto;padding:10px;width:30%}.add-task form input{border-radius:5px;margin:0 10px;padding:10px}.add-task form input[type=button]{cursor:pointer}.add-task form input[type=button]:hover{background-color:#faebd7}.task-lists{border:2px solid green;display:flex;flex-direction:row;height:90vh;width:100vw}.task-lists .finished,.task-lists .todo{border:2px solid #000;height:100%;width:50%}.task-lists .list-container{background-color:#7fffd4;border-radius:5px;height:70%;margin:50px auto;width:80%}.task-lists .title{background-color:teal;border-radius:5px;color:#fff;font-size:30px;height:10%;padding:5px;text-align:center;width:100%}.task-lists .list-container .content{background-color:beige;font-size:17px;height:90%;overflow-y:auto;width:100%}.task-lists .list-container .content div{background-color:#7fffd4;border-bottom:1px solid teal;height:50px;padding-top:10px;text-align:center}.task-lists .list-container .content div span{margin:0 20px}.task-lists .list-container .content div span:hover{color:#fff;cursor:pointer}
/*# sourceMappingURL=main.d6cf4d12.css.map*/