#titleText {
    font-size: min(6rem, 15vw);
}
#subtitleText {
    margin-top: max(-30px, -5vw);
    /* color: var(--correct-color); */
    font-weight: bold;
}

a {
    color: black !important;
    text-decoration: underline;
}
/* a:hover {
    opacity: 0.6;
} */


/* LINKS BOXES */

#linkArea {
    text-align: center;
    width: 90vw;
    position: relative;
}

.linkBox {
    display: inline-block;
    width: 150px;
    margin: 10px;
    /* border: 1px solid black; */
    border-radius: 10px;
    position: relative;
    transform: translateY(20px);
}

#make {
    background-color: var(--blue-color);
}

#play {
    background-color: var(--span-color);
}

#find {
    background-color: var(--span-color);
    opacity: 0.33;
}

.bit {
    font-size: 0.6em;
}

/* MOBILE */

/* @media (max-aspect-ratio: 1/1)  {
    #linkArea {
        text-align: center;
        width: 200vw;
        position: relative;
    }
    body {
        transform: scale(0.6, 0.6) translateY(60vh) !important;
    }
} */