#category-hero {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;

    width: 100%;

    margin-bottom: 5vh;
}

#category-hero span {
    display: inline-block;

    font-family: "roboto", sans-serif;
    font-size: 1.1em;
    font-weight: 300;
    color: rgb(220, 220, 220);
}

#category-hero>span>span {
    color: rgb(21, 100, 219);
    font-weight: 400;
}

#category-hero>p {
    font-family: "roboto", sans-serif;
    font-size: 1.4em;
    font-weight: 300;
    color: rgb(220, 220, 220);
}

#category-hero>p>a {
    text-decoration: underline;
}

#category-title {
    font-family: "Raleway", sans-serif;
    font-size: clamp(3rem, 10vw, 7rem);
    font-weight: 500;
    text-transform: uppercase;
    z-index: 2;
}