@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400&display=swap);.header{background-color:#f7f7f7;color:#2c3e50;text-align:center;padding-top:20px}.header a{color:#fff;padding-right:5px}#app{text-align:left;background:#f7f7f7;max-height:100%;padding-bottom:30px}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}@media (max-width:600px){#app{padding:20px}}.todo-item{background-color:#f7f7f7;padding:20px;border-bottom:1px solid #e7e7e7}.is-complete{text-decoration:line-through;color:#ff6e6e}.del{background-color:#ff6e6e;color:#fff;padding:5px 10px;cursor:pointer;float:right;font-family:Quicksand,sans-serif}.del,.del:hover{border:1px solid #ff6e6e}.del:hover{background-color:transparent;color:#2c3e50}.contentTodos{position:relative;width:800px;height:100%;border:1px solid #e7e7e7;box-shadow:0 1px 4px rgba(0,0,0,.3),inset 0 0 40px rgba(0,0,0,.1)}.app{align-items:center}.addContent[data-v-72ddb690],.app{display:flex;justify-content:center}.addContent[data-v-72ddb690]{margin-bottom:20px}.addTodo[data-v-72ddb690]{width:800px}.addTodo h2[data-v-72ddb690]{text-align:left;margin-top:20px;margin-bottom:10px}form[data-v-72ddb690]{display:flex;justify-content:center}input [type=text][data-v-72ddb690]{flex:10}input [type=submit][data-v-72ddb690]{flex:2}.input-add[data-v-72ddb690]{width:100%;font-family:Quicksand,sans-serif;padding:12px 20px;border:1px solid #e7e7e7;box-shadow:0 1px 4px rgba(0,0,0,.3),inset 0 0 40px rgba(0,0,0,.1)}.btn[data-v-72ddb690]{background-color:#2c3e50;border:1px solid #2c3e50;font-family:Quicksand,sans-serif}.btn[data-v-72ddb690]:hover{background-color:transparent;color:#2c3e50;border:1px solid #2c3e50}*{box-sizing:border-box;margin:0;padding:0}#app{font-family:Quicksand,sans-serif;color:#2c3e50}.btn{display:inline-block;border:none;background-color:#555;color:#fff;padding:7px 20px;cursor:pointer}.btn:hover{background-color:#666}