.home-hero {
    margin: auto;
    text-align: center;
    transition:
        visibility 1s ease,
        opacity 1s ease;
    padding-bottom: var(--space-3);
}

.home-hero h1 {
    font-size: 320px;
    font-weight: var(--weight-semibold);
    cursor: default;
    color: var(--color-lightest);
    line-height: 1;
}

.home-hero p {
    cursor: pointer;
    color: var(--color-light);
    font-family: "IBM Plex Mono", monospace;
    font-size: 1rem;
    /* font-style: italic; */
    text-transform: uppercase;
    letter-spacing: 2px;
}

.apply-link {
    display: block;
    color: var(--color-lightest);
    font-family: "IBM Plex Mono", monospace;
    font-size: 1rem;
    margin-top: var(--space-4);
    text-underline-offset: 2px;
}

@media only screen and (max-width: calc(720px + 4rem)) {
    .home-hero h1 {
        font-size: 240px;
    }

    .home-hero p {
        font-size: 0.75rem;
    }
}