style.css

body{
	background-color: darkseagreen;
	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.container{
	background-color: white;
	width: 30%;
	margin: auto;
	height: auto;
	padding: 20px;
	text-align: center;
	color: black;
	border-radius: 10px;
	margin-top: 200px;
}

.inputs{
	display: flex;
	justify-content: center;
}

#tarea, #crear{
	border: none;
	outline: none;
	padding: 10px;
}

#tarea{
	background-color: lightgrey;
}

#crear{
	background-color: mediumseagreen;
	cursor: pointer;
	width: 35px;
}

#crear:hover{
	background-color: #28774b;
}

.padre{
	list-style: none;
	text-align: center;
}

p{
	text-align: center;
}

.btnBorrar{
	background-color: white;
	cursor: pointer;
	width: 25px;
	border: none;
	outline: none;
	padding: 5px;
	margin: 0 10px;
}

.btnBorrar:hover{
	background-color: lightgrey;
}

li{
	margin: 10px 0;
}