body {
    overflow: hidden;
}

p > a {
    color: var(--text-tertiary);

    text-decoration: underline;
}

#hero {
    display: grid;
}

.hero-image-container {
}

#hero-image {
    position: absolute;

    width: 100vw;
    height: 150vh;

    object-fit: cover;
}

#about-description-container {
    position: relative;

    max-height: 650px;

    width: 25%;

    padding: 1rem;

    top: 20%;
    left: 67.5%;

    background-color: #000000D9;

    border-radius: 2rem;
}

#about-description-container > h2, p {
    color: var(--text-tertiary);
    font-size: 1.25rem;
}

section {
    width: unset;
    margin: unset;

}