@media (max-width: 600px) {
    .gender-buttons {
        flex-direction: column;
    }
    .gender-buttons * {
        margin: .5em auto;
        font-size: clamp(14px, 2em, 4vw);
    }
}

.nombreRevelado {
    display: none;
}

.nameDisplayer {
    width: 100%;
    margin: auto;
    text-align: center;
    font-size: clamp(.8rem, 3vw, 1.5rem);
    max-width: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#nameInDevanagari {
    font-size: clamp(2rem, 12vw, 6rem);
    font-weight: 500;
    line-height: 100%;
    text-shadow: 1px 1px 3px black,
        -1px -1px 3px gold;
}