body {
	background: teal;
	text-align: center;
	font-family:  sans-serif;
}

.intro {
	margin: 30px 0px;
	font-weight: bold;
}

h1 {
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 800;
}

p {
	font-weight: 600;
}

#first {
	margin-top: 10px;
	color: #FFCD5D;
}

#second {
	color: #51DF70;

}

#third {
	color: #025F70;
	margin-bottom: 30px;
}


#enter {
	border: none;
	padding: 5px 15px;
	border-radius: 5px;
	color: teal;
	background-color: #025F70;
	transition: all 0.75s ease;
	-webkit-transition: all 0.75s ease;
	-moz-transition: all 0.75s ease;
	-ms-transition: all 0.75s ease;
	-o-transition: all 0.75 ease;
	font-weight: normal;
}

#enter:hover{
	background-color: #02798F;
	color: #FFCD5D;
}

ul {
	text-align: left;
	margin-top: 20px;
}


li {
	list-style: none;
	padding: 10px 20px;
	color: #202020;
	text-transform: capitalize;
	font-weight: 600;
	border: 2px solid rgb(51, 51, 51);
	border-radius: 3px;
	margin-bottom: 7px;
	background-color: #f1f1f1;
	transition: all 0.75s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5 ease;
}

li:hover {
    background:rgb(101, 117, 187);
    color: white;
}
button{
    color: white;
}
li > button {
	font-weight: normal;
	background: rgb(250, 125, 80);
	border: none;
	float: right;
	color:rgb(63, 62, 60);
    font-weight: 800;
    border-radius: 3px;
}

input {
	border-radius: 5px;
	min-width: 65%;
	padding: 5px;
	border: none;
}


.done {
	background: #26b645 !important;
    color:white;
    
}

.delete {
	display: none;
}