* {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	box-sizing: border-box;

}
body {
	font-family: Helvetica,sans-serif;
	font-weight: normal;
	letter-spacing: 0.5px;
	word-spacing: 2px;
	font-size: 20px;
	line-height: 1.3;

}
.menu {
	background: #c0c0c0;
	width: 100%;
	padding: 10px;
	font-size: 14px;
	position:fixed;
}
.faceapp {
	padding-top: 50px;
	padding-left: 30px;
	width: 90%;
}

.coloniality {
	padding-top: 50px;
	padding-left: 30px;
	width: 90%;

}

.mini-box {
  	float: left;
  	width: 24%;
}

.information {
	padding-left: 30px;

}

.coloniality-100 {
  text-decoration: none;
  border-bottom: 5px solid red;


}

span:hover {
	color: grey;

} 

.coloniality-90 {
  text-decoration: none;
  border-bottom: 5px solid blue;


}

.coloniality-50 {
  text-decoration: none;
  border-bottom: 4px solid #b0ff00;


}

.coloniality-40 {
  text-decoration: none;
  border-bottom: 4px solid #FFE600;


}

.sentence:hover {
	background-color: #FFFF00
}