@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Euphoria+Script);


body {background-color:#e0e2e4}

h1 {font-family: 'Roboto', sans-serif; font-size:3.5em; line-height:0.5em;}
h2 {font-family: 'Euphoria Script', cursive; font-size:3.0em; line-height:0.5em;}
h3 {font-family: 'Roboto', sans-serif; font-size:2.5em; line-height:0.5em;}
p  {font-family: 'Euphoria Script', cursive; font-size:2.0em; line-height:1.2em;}
.nav-link {font-family: 'Roboto', sans-serif; font-size:1.0em;}


a {text-decoration: none;}
a:link {color:black;} 
a:active {color:purple;}
a:visited {color:black;}
a:hover {color:blue;} 

a.nav-link:link, a.footer-link:link {color:purple;} 
a.nav-link:active, a.footer-link:active {color:blue;} 
a.nav-link:visited, a.footer-link:visited {color:black;} 
a.nav-link:hover, a.footer-link:hover {color:purple;} 

span.navigationSpace {padding-left: 4em;}

img.displayed {display: block; margin-left: auto; margin-right: auto;}
    
figcaption {text-align: center;}

#container {height:100%; width:90%; 
margin:auto; 
text-align:center;
background-color:#96897f; opacity:0.8;} 


#nav {float:center; height:10%; width:98%; margin: 0 auto;
padding-left:1%; padding-top:1%; padding-right:1%; padding-bottom:1%;
line-height:2.2em; text-align:center; 
background-color:#c6bcb6; color:black;} 

#header {float:center; height:8%; width:98%; margin: 0 auto;
padding-left:1%; padding-top:1%; padding-right:1%; padding-bottom:1%;
text-align:center; background-color:#625750; color:black;} 
#header-d1 {float:center; height:3%; width:98%; margin: 0 auto;
padding-left:1%; padding-top:1%; padding-right:1%; padding-bottom:0.5%; text-align:center; color:black;}
#header-d2 {float:center; height:2%; width:98%; margin: 0 auto; 
padding-left:1%; padding-top:0.5%; padding-right:1%; padding-bottom:1%; text-align:center; color:black;}

#content-d1 {float:left; height:90%; width:22%; margin: 0 auto; 
padding-left:1%; padding-right:1%; text-align:center; 
background-color:#96897f; color:black; align-content: center;}
#content-d2 {float:left; height:90%; width:75%; margin: 0 auto; 
padding-left:1%; padding-right:0%; text-align:center;
background-color:#c0ded9; color:black;}


#footer {clear:both; height:2%; padding-top:0.25%; padding-bottom:0.25%; text-align:center; background-color:#625750; color:black;}