main.css

#navigator{
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: right;
  padding-bottom: 20px;
  
}

#navigator li{
  margin-left: 70px;
  font-family: 'Open Sans Condensed', sans-serif;
  position: relative;
  display: inline-block;

}
#navigator li a{
  color: black;
  text-decoration: none;
  text-transform: uppercase;
} 

#navigator li a:hover{
 color: indianred;
}

#header{
  height: 380px;
  background-image: url("IMG_5107.png");
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-size: 70%;
  position: relative;
  background-position: center;
}

.socialcontainer{
    text-align: right;
    margin-right: 135px;
    margin-top: 50px;
  }

   
#title{
    color: black;
    font-family: 'Italiana', serif;;font-size: 90px;
   font-weight: 100;
   line-height: 0.5ch;
   padding-top: 70px;
   padding-left: 50px;
   margin-bottom: 0;
  
  
 }
#title2{
   color: black;
   font-family: 'Nothing You Could Do', cursive; font-size: 50px;
   font-weight: 30;
   padding-left: 230px;
   margin-top: 0;
   padding-top: 0;
   
}

#subject1{
  font-family: 'Italiana';;font-size: 30px;
  text-align: center;
  margin-top: 150px;
  margin-bottom: 0;
  
}
 
#subject2{
  font-family: 'Italiana';;font-size: 30px;
  text-align: center;
  margin-top: 50px;
}

p{
  font-family: 'Open Sans Condensed', sans-serif;
  text-align: center;

}

.grid{
 color: black;
 padding: 35px;
 display: flex;
 flex-direction: row;
 font-family: 'Open Sans Condensed', sans-serif;
 padding-bottom: 90px;
 padding-top: 50px;
}

.grid figure{
 margin: auto;
 width: 200px;
 text-align: center;
}

.grid figure img{
 width: 200px;
 box-shadow: grey 0 0 5px;
 opacity: 1;
 -webkit-transition: .3s ease-in-out;
 transition: .3s ease-in-out;
}

figure:hover img {
 opacity: .5;
}

.fa {
  padding: 20px;
  font-size: 30px;
  width: 20px;
  text-align: center;
  text-decoration: none;
  margin: 5px 5px;
  border-radius: 50%;

 
}

.fa-linkedin {
  color: black;
  box-shadow: grey 0 0 5px;
  
}
.fa-instagram {
  color: black;
  box-shadow: grey 0 0 5px;
}
.fa-youtube {
  color: black;
  box-shadow: grey 0 0 5px;
}

.fa:hover {
  transform: translate(0, -10px);
}