/* nav */

#resume,
#resume:hover,
#resume:active {
    color: var(--navItem);
    border-bottom: 0.5859375rem solid var(--invisible);
    box-shadow: 0 0.234375rem 0 0 var(--activeState);
    transform: translateY(-0.05859375rem);
 }

/* main */

.container {
   position: relative;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: flex-start;
   text-align: center;
   background: var(--hero) center/cover no-repeat;
   background-blend-mode: screen;
   width: 100%;
   height: fit-content;
   min-height: calc(100vh - 2.75rem);
   padding: 6rem 0;
}

h2 {
   color: var(--defaultState);
   font-size: 1.4375rem;
   padding: 0 0.2rem;
   margin-top: 0;
   margin-bottom: 4rem;
   border: solid 0.075rem var(--defaultState);
   border-right: none;
   border-bottom: none;
   font-weight: var(--fw-bld);
}

img {
   background-image: var(--imgResume);
   /* background-image: url('/images/resume/resume.svg'); */
   background-repeat: no-repeat;
   background-size: cover;
   display: inline-block;
   border: none;
   min-width: 35.5rem;
   width: 64rem;
   max-width: 100vw;
   height: calc(64rem * 1.2329125);
}