body{
background-color: #757575;
}
ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
 overflow: hidden;
 background-color: #333;
}
li {
 float: left;
}
li a {
 display: block;
 color: white;
 text-align: center;
 padding: 5px 16px;
 text-decoration: none;
}
/* Change the link color to #111 (black) on hover */
li a:hover {
 background-color: #111;
}
div.container {
 width: 80%;
 border: 1px solid gray;
 margin: 0 auto;
}
header, footer {
 padding: 1em;
 color: white;
 background-color: #424242;
 clear: left;
 text-align: center;
}
nav {
 margin: 0;
 text-align: center;
}
nav ul {
 list-style-type: none;
 padding: 0;
}
li {
display:inline;
margin:1em;
}

nav ul a {
 text-decoration: none;
}
article {
 background-color: #FAFAFA;
 border-top: 1px solid gray;
 padding: 1em;
 overflow: hidden;
}
.div1 {
font-family: 'Quintessential', cursive;
}

.div2{
 font-family: 'Bebas Neue', cursive;   
}
.div3{
    display: inline;
    overflow: hidden;
    border: 2px solid black;
    display: inline-block;
    margin:2px;
    padding:2px;
    background-color: white;
    width:130px;    
}