Body {
    margin: 0;
    margin-top: 50px;
    Font-family: times new roman;
}

header {
    display: flex;
    Position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 50px;
    line-height: 50px;
    Background-color: #eee;
}

Header * {
    Display: inline;
    Height: 50px;
}
Header ul {
    padding: 0;
}

Header li {
    Margin-left: 20px;
}

Section {
    Height: 100vh;
    Border: 1px solid green;
    Display: slex;
    Justify-content: center;
    Align-items: center;
    Text-align: center;

    Background-size: cover; 
    Background-position: center center;
    Background-repeat: no repeat;
    Background-attachment: fixed;
}

#hero .profile-img {
    Width: 300px;
    Border-radius: 30%;
}

Footer {
    Text-align: center;
    Padding: 50px;
}

#hero h1 {
    Font-size: 3em;
}

Section h2 {
    Font-size: 2.6em;
}

Section h3 {
    Font-size: 1.6em;
}

Header a {
    Text-decoration: none;
    Color: green;
}

#hero {
  Background-Image: linear-gradient(rgba(255,255,255,0.75),rgba(255,255,255,0.75)), url('/Users/francescaosayande/Desktop/5.jpg')