.active, .passive{
display: inline-block;
width: 200px;
text-decoration:none;
text-align: center;
margin-left: 5px;
text-align: left;
margin-bottom: 15px;
border: 2px solid #e32719;
padding: 4px 4px;
font-weight: bold;
color: #e32719;
font-size: 110%;
 box-shadow: 0 5px 8px 0 rgba(0,0,0,0.11);
 
}

.active {
	background: #e32719;
	color: #fff;
	text-align: center;
}

.passive {
	text-align: center;
}

h1 {
	color: #e32719;
	text-align: center;
	
}
.nasty {
display: inline-block;
width: 200px;
text-decoration:none;
text-align: center;
margin-left: 5px;
text-align: center;
margin-bottom: 15px;
border: 2px solid #e366a7;
padding: 10px 15px;
font-weight: bold;
color: #e366a7;
font-size: 100%;
 box-shadow: 0 5px 8px 0 rgba(0,0,0,0.11);
 border-radius: 10px;

}

.list {
display: inline-block;
width: 200px;
text-decoration:none;
text-align: center;
margin-left: 5px;
text-align: center;
margin-bottom: 15px;
border: 2px solid #d9883d;
padding: 10px 15px;
font-weight: bold;
color: #d9883d;
font-size: 100%;
 box-shadow: 0 5px 8px 0 rgba(0,0,0,0.11);
 border-radius: 10px;
	
}

.cvet{
display: inline-block;
width: 200px;
text-decoration:none;
text-align: center;
margin-left: 5px;
text-align: center;
margin-bottom: 15px;
border: 2px solid #63993c;
padding: 10px 15px;
font-weight: bold;
color: #63993c;
font-size: 100%;
 box-shadow: 0 5px 8px 0 rgba(0,0,0,0.11);
 border-radius: 10px;

}