@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro|Vesper+Libre');
@import url('https://fonts.googleapis.com/css?family=Nunito');
@import url('https://fonts.googleapis.com/css?family=Abril+Fatface|Open+Sans');

* {box-sizing: border-box;}

@font-face {
  font-family: "ArimaKoshi";
  src: url("ArimaKoshi-Regular.otf");
}

@font-face {
  font-family: "Valencia";
  src: url("De Valencia.otf");
}


h4 {
	color: darkgray;
	font-size: 18px;
	font-family: 'Nunito';
}

a {
	color: darkgray;
	font-size: 18px;
	font-family: 'Nunito';
}

footer {
	margin-top: 20px;
}

.row {
	margin-top: 20px;
}

.vesper {
	font-family: 'Vesper Libre', serif;
	color: #f6f6f6;
	font-size: 40px;
	text-align: center;
	background-color: darkgray;
	padding-top: 20px;
}

.sourceSans {
	font-family: 'Source Sans Pro', sans-serif;
	color: #f6f6f6;
	font-size: 40px;
	text-align: center;
	background-color: darkgray;
	padding-top: 20px;
}

.arima {
	font-family: "ArimaKoshi", serif;
	color: #f6f6f6;
	font-size: 40px;
	text-align: center;
	background-color: hsl(0,0%,56%);
	padding-top: 20px;
}

.nunito {
	font-family: 'Nunito', sans-serif;
	color: #f6f6f6;
	font-size: 40px;
	text-align: center;
	background-color: hsl(0,0%,56%);
	padding-top: 20px;
}

.arial {
	font-family: 'Arial', sans-serif;
	color: #f6f6f6;
	font-size: 40px;
	text-align: center;
	background-color: hsl(0,0%,46%);
	padding-top: 20px;
}

.times {
	font-family: 'Times New Roman', serif;
	color: #f6f6f6;
	font-size: 40px;
	text-align: center;
	background-color: hsl(0,0%,46%);
	padding-top: 20px;
}

.abril {
	font-family: 'Abril Fatface', cursive;
	color: #f6f6f6;
	font-size: 40px;
	text-align: center;
	background-color: hsl(0,0%,36%);
	padding-top: 20px;
}

.opensans {
	font-family: 'Open Sans', sans-serif;
	color: #f6f6f6;
	font-size: 40px;
	text-align: center;
	background-color: hsl(0,0%,36%);
	padding-top: 20px;
}

.valencia {
	font-family: "Valencia", monospace;
	color: #f6f6f6;
	font-size: 40px;
	text-align: center;
	background-color: hsl(0,0%,26%);
	padding-top: 20px;
}

.georgia {
	font-family: 'Georgia', serif;
	color: #f6f6f6;
	font-size: 40px;
	text-align: center;
	background-color: hsl(0,0%,26%);
	padding-top: 20px;
}