body {
    font-family: 'Cocogoose Narrow', sans-serif;
    background-image: linear-gradient(to right, rgb(168, 194, 203) , rgb(252, 254, 255));
    position: relative;
    margin: 0%;

    
}

main {
    background-image: url(../images/portrait.png);
    background-size: 35%;
    background-repeat: no-repeat;
    background-position: right bottom;
    min-height: 600px;
}

h1{
font-size: 8.75vw;
line-height: 0.7;
text-align: right;
width: 9.3em;
}

h1 span:first-child {
    font-family: 'Avigea', sans-serif;
    color : #1A1A1A;
    color : rgb(43, 43, 43);
    margin-left: 1.25em;

}

h1 span:nth-child(2){
    font-family: 'Avigea', sans-serif;
    color : #649AB2;
    color : rgb(100, 154, 178);
}

h1 span:last-child{
    font-family: 'Cocogoose Narrow', sans-serif; 
    font-weight: 50; 
    font-size: 75%; 
    color : #649AB2;
    color : rgb(100, 154, 178);
                                                
}

main p {
    font-size: 20px;
    color: #477488;
    margin-left: 6em;
    max-width: 35em;
   

}

footer{

    background-image: url(../images/greenblock.png); 
    background-repeat: no-repeat;
    color: #ffffff;
    text-align: left;
    padding: .5em 1em;
    position: fixed;
    bottom: 0;
    background-size:100% 100%;
    
}

footer p{
    margin: 0;
}



/*nav styles*/
.main-nav {
  background-image: linear-gradient(to right, rgb(26, 26, 26) , rgb(154, 168, 172));
  text-align: left;
  font-size: 130%;
}
.main-nav ul {
  list-style-type: none;
  margin-left: 0%;
  margin: 0%;
  padding: 1em;
}
.main-nav li {
  display: inline;
  
}
.main-nav a {
  color : rgb(100, 154, 178);
  text-decoration: none;
  padding: .5em 1em;
  margin: .5em .25em 0;
  display: inline-block;
}



/* link styles */
a:link,
a:visited { color: rgb(100, 154, 178); }
a:focus, a:hover, a:active { color: #F9AB33; }