/*style sheet for pages 1-8 */

/* to hide underlined links */
a:link { color: #000000; text-decoration: none}
a:visited { color: #000000; text-decoration: none}
a:hover { color: #C0C0C0; text-decoration: none}
a:active { color: #000000; text-decoration: none}
a{text-decoration:none;}

h1{
font-family: 'Oswald', serif;
font-size: 5em;
margin: 0;
padding: 0;
}

 h2{
font-family: 'Oswald', sans-serif;
position: absolute;
left: 300px;
font-size: 12px;
}

#box1{
font-family: 'Roboto Slab', serif;
font-size: 10px;
position: absolute;
top: 0px;
left: 11px;
width: 200px;
}


#box2{
font-family: 'Roboto Slab', serif;
font-size: 20px;
position: absolute;
top: 200px;
left: 200px;
width: 200px;
}

#box3{
font-family: 'Roboto Slab', serif;
font-size: 20px;
position: absolute;
top: 0px;
left: 410px;
width: 220px;
}

#box4{
font-family: 'Roboto Slab', serif;
font-size: 30px;
position: absolute;
top: 200px;
left: 610px;
 }

 #box5{
font-family: 'Roboto Slab', serif;
font-size: 8.5px;
position: absolute;
top: 0px;
left: 810px;
width: 200px;
}

#box6{
font-family: 'Roboto Slab', serif;
font-size: 8.5px;
position: absolute;
top: 200px;
left: 1010px;
width: 200px;
}

#box7{
font-family: 'Roboto Slab', serif;
font-size: 16px;
position: absolute;
top: 400px;
left: 11px;
width: 200px;		 	
}

#box8{
font-family: 'Roboto Slab', serif;
font-size: 25px;
position: absolute;
top: 500px;
left: 200px;
width: 200px;
}

#box9{
font-family: 'Roboto Slab', serif;
font-size: 25px;
position: absolute;
top: 400px;
left: 410px;
width: 200px;
 }

 #box10{
font-family: 'Roboto Slab', serif;
font-size: 10px;
position: absolute;
top: 500px;
left: 610px;
width: 200px;
}

#box11{
font-family: 'Roboto Slab', serif;
font-size: 12px;
position: absolute;
top: 400px;
left: 810px;
width: 200px;
}