body {
    font-family: 'Oswald', sans-serif;
}

/* cube palette from https://mycolor.space/?hex=%23485FC7&sub=1 */
.spot-palette {
    /* background-color: #9696CB; */
    background-color: #EFEDFF;
}

.scroll {
    overflow-x: auto;
}

.navbar {
    border-bottom-style: groove;
}

.is-cube {
    background-color: #57918E;
    color: #EFEDFF;
}

.is-not-cube {
    color: #485FC7;
    /* background-color: #EFEDFF; */
}

.is-grand-hotel {
    /* font-family: 'Grand Hotel', cursive; */
    /* font-family: 'Libre Bodoni', serif; */
    /* font-family: 'Lobster Two', cursive; */
    font-family: 'Oswald', sans-serif;
    /* font-family: 'Montez', cursive; */
    /* font-family: 'Pacifico', cursive; */
}

.red-is-cube {
    color: #c03042;
}

/* Ocultar las flechas del scrollbar (solo para navegadores WebKit) */
::-webkit-scrollbar-button {
    display: none;
}

/* Estilizar el contenedor del scrollbar */
::-webkit-scrollbar {
    width: 12px;  /* Ancho del scrollbar */
    height: 12px;  /* Ancho para el horizontal scrollbar, si existe */
}

/* Estilizar el thumb (parte deslizante del scrollbar) */
::-webkit-scrollbar-thumb {
    background-color: #57918E;  /* Color del thumb */
    border-radius: 10px;        /* Bordes redondeados */
    border: 2px solid #ecf0f1;  /* Espacio entre el thumb y el borde del scrollbar */
}

/* Estilizar el fondo de la barra de desplazamiento */
::-webkit-scrollbar-track {
    background-color: #EFEDFF;  /* Color del fondo del scrollbar */
    border-radius: 10px;        /* Bordes redondeados del fondo */
}