/* dashboard css styles */

/* Change la couleur du texte mis en surbrillance de bleu vers gris */
::selection {
    background: rgb(232, 231, 229);
}

/* Transforme en majuscule mon nom et prénom */
span.navbar-title {
    text-transform: uppercase;
    font-size: 2rem;
}

/* Transforme en majuscule le texte des menus de navigation */
span.menu-text {
    text-transform: uppercase;
}

code {
    color: #ff7edb;
}


/* Crée une classe span pour la couleur flashy de mes expériences pro.*/
span.shiny-color {
    color: #ff7edb;
    transition: text-shadow 0.3s ease;
}

/* Quand l'utilisateur hover, petit effet de surbrillance */
span.shiny-color:hover {
    text-shadow: 0 0 10px #ff7edab6;
}

/* Gère le soulignement du texte des menus de navigation (1) */
a.nav-link {
    text-decoration: underline 0.15em rgba(0, 0, 0, 0);
    text-underline-offset: 0.2em;
    transition: text-decoration-color 300ms, text-underline-offset 300ms;
}

/* Gère le soulignement du texte des menus de navigation (2) */
a.nav-link:hover {
    text-decoration-color: #2fe8f0;
    text-underline-offset: 0.4em;
}

/* Gère le comportement on hover des listings de langages et technos */
.listing-category:hover {
    background-color: #ff8b39;
    color: white !important;
}

/* Gère le comportement on hover des listings de langages et technos */
.quarto-category:hover {
    background-color: #ff8b39;
    color: white !important;
}

/* Réduit la taille de la police de mon nom et prénom quand écran < 650px */
@media (max-width: 650px) {
    span.navbar-title {
        font-size: 1.25rem;
    }
}