:root {
    --sykesred: #a31616;
    --sykesbg: #f1f1f1;
    color: black;
    font-family: body-font;
}
html {
    scroll-behavior:smooth;
}
.section-wrap {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
}
.nav {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
    background-color: var(--sykesbg);
    width: 100%;
}
.nav ul {
    padding-inline-start: 0;
}
.nav li{
    display: inline-block;
}
#me {
    text-align: center;
}
ol {
    padding-inline-start: 0;
}
ol li {
    list-style: circle;
}
.section-content {
    background: #f1f1f1;
    padding: 3em;
}
@media screen and (min-width: 768px) {
    .section-content {
        min-width: 500px;
        border-radius: 8px;
    }
}
#me {
    background: url(/images/me.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#contact {
    background: url(/images/contact.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#education {
    background: url(/images/education.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#experience {
    background: url(/images/experience.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#skills {
    background: url(/images/skills.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}