* {
    margin:0;
    padding: 0;   
}
body {
  font-family:'Montserrat', sans-serif;
    font-size: 100%;
    color: darkslategrey;
    background-color: white;
}

#Title 

h1 {
        color: snow;
}

#OuterWrapper {
    margin: 20px auto; 
    width:1200px;
}

header {
    width: 100%;    
    height: 200px;
    text-align: center;
}

h1 {
   font-family: 'Fjalla One', sans-serif;
    font-size: 4em;
    color: #eb325b
}

h2 {
  font-family: 'Lato', sans-serif;
    line-height: 2;  
}

/*this styles the home navigation*/

#HomeNav {
   font-family: 'Lato', sans-serif;
    color: snow
    font-size: 1.5em;
}

#HomeNav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    
}

#HomeNav li {
    display: inline;
    padding-right: 10px;
}

#HomeNav a {
    color: snow;
    text-decoration: none;
    
}

#HomeNav a:link, a:visited {
    color: snow;
    text-decoration: none;
    
}    

#HomeNav a:hover, a:active {
    color: snow;
    text-decoration: none;
    
    
}  


main {
    text-align: center;
    font-family: 'Lato', sans-serif;
    color: snow;
}

footer {
    font-family: "Times New Roman", Times, serif;
    color: snow;
    font-size: .8em;
    padding: 20px;
    position: fixed;
    bottom: 0px;
    width: 100%;
}

/*this styles the main navigation*/

#MainNav {
   font-family: 'Lato', sans-serif;
    color: darkslategray;
    font-size: 1.2em;
}

#MainNav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    
}

#MainNav li {
    display: inline;
    padding-right: 10px;
}

#MainNav a {
    color: darkslategrey;
    text-decoration: none;
    
}

#MainNav a:link, a:visited {
    color: darkslategrey;
    text-decoration: none;
    
}    

#MainNav a:hover, a:active {
    color: #eb325b;
    text-decoration: none;
     
}  

aside {
    top: 200px;
    width: 200px;
    margin: 20px;
    height: 100%;
    position: fixed;
    
}

/*this styles the project side-navigation*/

#SubNav {
   font-family: 'Lato', sans-serif;
    color: darkslategrey;
    font-size: 1.2em;
}

#SubNav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    
}

#SubNav li {
    display: block;
    padding-right: 10px;
    padding-bottom: 15px;
}

#SubNav a {
    color: darkslategrey;
    text-decoration: none;
    
}

#SubNav a:link, a:vi sited {
    color: darkslategrey;
    text-decoration: none;
    
}    
 
#SubNav a:hover, a:active {
    color: #eb325b;
    text-decoration: none;
}



main {
    text-align: center;
    font-family: 'Lato', sans-serif;
    color: darkslategrey;
}

p {
    text-align: left;
    margin: 0 40px;
    line-height: 1.75;
    font-size: 1.25em;
}

footer {
    font-family: "Times New Roman", Times, serif;
    color: darkslategrey;
    font-size: .8em;
    padding: 20px;
    position: fixed;
    bottom: 0px;
    width: 100%;
}

img {
    padding-bottom: 30px;
    padding-top: 20px;
}


/*this styles the color project and color writing*/

#pal {
    color: #17bfbf
}

#pal2 {
    color: #70e3cf
}

#pal3 {
    color: #1297A6
}
#pal4 {
    color: #404b88
}

#imgalign {
    align-items: center
}

#link {
     text-align: center;
    font-family: 'Lato', sans-serif;
    color: darkslategrey;
    text-decoration: none
}