*{
	box-sizing: border-box;
}

html{
	height: 100%;
	width: 100%;
}

body{
	height: 100%;
	width: 100%;
	margin: 0;
	background-image: linear-gradient(to right, blue, orange);
}

#doList{
	  height: 100%;
	width: 92%;
	margin: 22px auto;
	background: rgba(255, 255, 255, .7);
	box-shadow: 0, 0, 3px rgba(0, 0, 0, .4);
	text-align: left;
	border-radius: 11px;
}

.completed{
	color: rgba(0, 0, 0, .3);
	text-decoration: line-through;
}

h1{
	background-image: linear-gradient(to right, blue, orange);
	margin: 0;
	text-align: center;
	text-transform: uppercase;
	font-size: 325%;
	border-radius: 11px 11px 0 0;
	
}

input{
	margin: 0 3%;
	font-weight: 300;
	font-size:125%;
	height: 55px;
}

.inputDiv{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: row wrap;
}

input:focus{
	outline: none;
	background: rgba(239, 239, 239, .9);
	border: 1px solid blue;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #909;
font-size: 83%;
padding-left: 1%;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #909;
font-size: 83%;
padding-left: 1%;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #909;
font-size: 83%;
padding-left: 1%;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #909;
font-size: 83%;
padding-left: 1%;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #909;
font-size: 83%;
padding-left: 1%;
}

::placeholder { /* Most modern browsers support this now. */
   color:    #909;
   font-size: 83%;
   padding-left: 1%;
}

ul{
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 150%;
}

li{
	list-style: none;
	background: white;
	line-height: 30px;
	background: rgba(255, 255, 255, .7);
	color: rgba(0, 0, 0, 1);
	font-weight: bold;
	

}

li:first-of-type{
    background: rgba(249, 214, 106, 1);
	
}

li:nth-child(2n){
	background: rgba(255, 255, 255, .4);
	
	
}

span{
	
	font-weight: bolder;
	width: 10%;
	height: 100%;
	background-image: linear-gradient(to right, lightblue, orange);
	padding: 0 11px;
	cursor: pointer;
}