.headshot {
  width: 300px;
  height: auto;
  float: left; 
  margin-right: 20px; 
  margin-bottom: 10px; 
}

p {
  font-family: erasLight, sans-serif;
  font-size: 24px;
  line-height: 1.6;
  text-align: justify; 
}

.resume {
    width: 100%;
    height: auto;
}


@font-face {
    font-family: erasLight;
    src: url(../fonts/ITC\ Eras\ Light\ Regular.otf) format("truetype");
}
@font-face {
    font-family: erasMedium;
    src: url(../fonts/eras-itc-medium.ttf) format("truetype");
}

main {
    background: #eaf1e8;
    color: black;
    position: relative;
    left: 10%;
    top: 0;
    width: 80%;
    z-index: 500;
    margin-top: 20vh;
}