@media (max-width: 1050px) {
    .resume-card {
        flex-direction: column-reverse !important;
        text-align: left !important;
        width: 60vw !important;
    }

    .resume-card img {
        width: 60vw !important;
    }

    .see-more-wrapper.left,
    .see-more-wrapper.right {
        align-items: center !important;
    }

}

.resume-card {
    margin: 3vh auto;
    padding: 2vh;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    transition: 0.3s;
    border-radius: 1vh;
    width: 78vw;
    color: var(--text-color);
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    background-color: var(--navbar-background);
}

.resume-card img {
    box-sizing: border-box;
    border-radius: 1vh;
    width: calc(25vw * var(--zoom-scale));
    cursor: zoom-in;
    align-self: center;
}

.resume-header {
    padding: 0.5vw;
    width: 90vw;
    text-decoration: underline var(--accent);
    text-align: center;
    border-radius: 1vh;
    font-size: 1.35em;
}

.resume-container {
    background-color: var(--background);
    width: 92vw;
}

.resume-card:nth-child(odd) {
    flex-direction: row;
}

.resume-card:nth-child(even) {
    flex-direction: row-reverse;
}

.resume-subtext {
    color: var(--gray);
}

.resume-card:nth-child(even) div:first-child:not(.multiple-images) {
    margin-left: 3vw;
}

.resume-card p,
.resume-card ul,
.resume-card li {
    background-color: var(--navbar-background);
    list-style-position: inside;
}

.resume-card ul {
    padding-left: 1vw;
}

.resume-nav {
    text-align: center;
    margin: 3vh 0 4vh;
    width: 92vw;
    /* position: sticky;
    top: 3vh; */
}

.resume-nav a,
.button {
    text-decoration: none;
    background-color: var(--accent);
    color: var(--text-color);
    padding: 1vh;
    border-radius: 1vh;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 1vh;
}

.resume-nav a:hover,
.button:hover,
.resume-nav a:focus-visible,
.button:focus-visible {
    animation: 0.3s jiggle;
}

.button.disabled {
    cursor: not-allowed;
    pointer-events: all;
    background-color: lightgray;
    color: var(--background);
}

.resume-skills {
    display: flex;
    justify-content: center;
}

.resume-skills ul {
    margin: 0;
    max-width: 78vw;
    text-align: center;
    list-style-type: none;
    background-color: var(--navbar-background);
    border-radius: 1vh;
    padding-inline-start: 0;
    padding: 1vh;
}

.resume-skills ul li:not(:nth-last-child(1))::after {
    content: " ◆ ";
}

.resume-skills li {
    width: fit-content;
    text-decoration: none;
    background-color: transparent;
    display: inline-block;
}

.see-more-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.see-more-wrapper.right {
    align-items: end;
}

.see-more-wrapper.left {
    align-items: start;
}

.see-more {
    margin-top: 4vh;
}

.multiple-images {
    display: flex;
    flex-direction: column;
}

.multiple-images :not(:last-child) {
    margin-bottom: 4vh;
}

.justify-apart {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 92vw;
}

/* #robotics-image {
    background-color: blue;
    position: relative;
    z-index: 10;
    height: 100%;
    width: 100%; */
    /* content: url(/about/images/robotics.jpg); */
    /* alt: "Conference circle"; */
    /* background: radial-gradient(circle at center, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1)); */
    /* box-sizing: border-box;
    border-radius: 1vh;
    width: calc(25vw * var(--zoom-scale));
    cursor: zoom-in;
    align-self: center;
} */