html,body{
	margin:2%;
	padding:0%;
	width: 70%;
	height: 90%;
	
}
	

#color{
	margin-left: 20%;
	padding: 30px;
	border: 0.5px solid black;
	background-color: #EFEFF0;
}
.css{
  transition: all linear 0.5s;
  background-color: lightblue;
  height: 100px;
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  text-align: center;
  font-size: 1.2em;
  padding-top:20px;
}

.ng-hide {
  height: 0;
  width: 0;
  background-color: transparent;
  top:-200px;
  left: 200px;
}
#todo{
	font-size: 1.2em;
 	padding-top:20px;
 	font-size: bold;
}
#si{
	margin: 10px;
	padding-left:5px; 
	display: inline-block;
	width: 50%;
	border: 2px solid #48693E;
	background-color: #BEEAB1;
	font-weight: bold;
}
#no{
	margin: 10px;
	padding-left:5px; 
	display: inline-block;
	width: 50%;
	border: 2px solid #6B3E3E;
	background-color: #E0AAAA;
	font-weight: bold;
}
h1{
	border-bottom: 3px solid grey;
}