@import url('https://fonts.googleapis.com/css?family=Oswald|Quattrocento+Sans');
@import url('https://fonts.googleapis.com/css?family=Abril+Fatface|Josefin+Sans:300');
@import url('https://fonts.googleapis.com/css?family=Lato|Medula+One');
@import url('https://fonts.googleapis.com/css?family=Allerta|Squada+One');
@import url('https://fonts.googleapis.com/css?family=Karla|Unica+One');

body{
background-color: black;
}

.container{
width: 95%;
min-width:320px;
max-width: 900px;
margin:0 auto;
padding: 10px;
}

p{
font-size: 2em;
}

h1{
margin-top: 50px;
margin-bottom: 30px;
text-align: center;
font-family: 'Unica One', cursive;
color:antiquewhite;
}

.medula{
font-family: 'Medula One', cursive;
text-align: center;
font-size: 2.5em;
margin-top: 20px;
}

.lato{
font-family: 'Lato', sans-serif;
text-align: center;
margin-top: 20px;
}

.quattrocento{
font-family: 'Quattrocento Sans', sans-serif;
text-align: center;
color:antiquewhite
}

.oswald{
font-family: 'Oswald', sans-serif;
text-align: center;
color:antiquewhite;

}

.josefin{
font-family: 'Josefin Sans', sans-serif;
text-align:center;
margin-top: 20px;

}

.abril{
font-family: 'Abril Fatface', cursive;
text-align:center;
margin-top: 20px;

}

.squada{
font-family: 'Squada One', cursive;
text-align:center;
color:antiquewhite;

}

.allerta{
font-family: 'Allerta', sans-serif;
text-align:center;
color:antiquewhite;
}

.karla{
font-family: 'Karla', sans-serif;
text-align:center;
margin-top: 20px;

}

.unica{
font-family: 'Unica One', cursive;
text-align:center;
margin-top: 20px;

}