body {
    background-color: #FFFDF7;
    margin-bottom: 75px;
    font-size: 20px;
}

.container {
    width: 90%;
}

main {
    padding: 2em 0;
}

h1 {
    font-size: 3em;
    margin: 0 0 1em 0;
}

.img {
    padding: 0 5em 5em 0;
}

a {
    color: black;
    text-decoration: none;
}

a:hover {
    color: #1167B1;
}

section {
    padding: 0 0 1.5em 0;
}

/* header  */
nav a {
    display: inline-block;
    margin: 10px;
    color: black;
    text-decoration: none;
    font-size: .9em;
}

nav {
    margin: 10px 0;
    text-align: center;
}

nav hr {
    margin: 0 auto;
    width: 75%;
}

/* home  */
.social-logo {
    width: 35px;
    padding: 5px
}

/* footer  */
footer {
    text-align: center;
    font-size: .75em;
    margin-bottom: -20px;
}

/* data  */
h2 {
    font-weight: 700;
    font-size: 1.2em;
}

/* resume */
.margin h2 {
    margin-top: 2em;
}

h3 {
    font-weight: 700;
    font-size: 2em;
    margin-bottom: 20px;

}


/* resume  */
.resume li {
    text-align: justify;
    list-style-position: inside;

}

.highlight {
    color: #1167B1
}

@media (max-width: 556px) {
    .resume li {
        text-align: left;
    }
}

@media (max-width: 778px) {
    .desktop {
        display: none;
    }

    .mobile {
        padding: 0 0 1em 0;
    }
}

@media (min-width: 778px) {
    .mobile {
        display: none;
    }
}

section.margin {
    margin-bottom: 2rem; /* Adjusts space below each section */
}