body { 

background: #D5D5D5; 
margin-right: 10%;
margin-left: 10%;
margin-top: 5%;
margin-bottom: 10%;
}

h1

span, span:after {
    font-weight: 900;
    color: #328CC1;
    white-space: nowrap;
    display: inline-block;
    position: relative;
    letter-spacing: .1em;
    padding: .2em 0 .25em 0;
}

span {
    font-size: 2em;
    z-index: 100;
    text-shadow: .04em .04em 0 #9cb8b3;
}

span:after {
    content: attr(data-shadow-text);
    color: rgba(0,0,0,.35);
    text-shadow: none;
    position: absolute;
    left: .0875em;
    top: .0875em;
    z-index: -1;
  
}

#links, nav {
font: 750 1.5em/1 'Raleway', sans-serif;
    color: #328CC1;
    text-align: left;
  
    letter-spacing: .2em;
    position: relative;
  }
  
p  {
font-size:200%;
} 
    

hr {
color:#efedce;
}

td {
text-align:center;
}

a:link {
text-decoration:none;
color: #328CC1;
}

a:visited {
text-decoration:none;
color: #328CC1;
}


a:hover {
text-decoration:underline;
color:rgba(0,0,0,.5);

}

div.end
{
top:80%;
}

h4
{
font: 800 1.25em/1 'Raleway', sans-serif;

color: rgba(0,0,0,.5);
}

h5
{
font: 600 1.25em/1 'Raleway', sans-serif;

color: rgba(0,0,0,.35);
}