body{ 
background-color: lightgrey; 
}

.container{
background-color: white;
}

p{
text-align: center;
font-size: 2.5em;
margin-bottom: 2px;
}

section{
padding-top: 20px;
padding-bottom: 20px;
}

.row:nth-child(odd){
 background-color: #eee;
 }

#georgia{
font-family: georgia, serif; 
}

#verdana{
font-family: verdana, monospace;
}

#roboto{
font-family: 'Roboto', sans-serif;}

#playfairdisplay{
font-family: 'Playfair Display', serif;}

@font-face{
	font-family: boisu;
	src: url(Boisu-Stroke.otf);
	}
	
@font-face{
	font-family: datalegreya;
	src: url(Datalegreya-Gradient.otf);
	}

#boisu{
	font-family: boisu;
	}
	
#datalegreya{
	font-family: datalegreya;
	}
	

@font-face{
	font-family: arcon;
	src: url(Arcon-Regular.otf);
	}
	
@font-face{
	font-family: existence;
	src: url(Existence-Light.otf);
	}

#arcon{
	font-family: arcon;
	}
	
#existence{
	font-family: existence;
	}
	
@font-face{
	font-family: db;
	src: url(20db.otf);
	}
	
@font-face{
	font-family: chivo;
	src: url(Chivo-ThinItalic.otf);
	}

#db{
	font-family: db;
	}
	
#chivo{
	font-family: chivo;
	}