/*
 * style.css - Feuille de style résiduelle
 * Ce fichier contient des styles non encore classifiés dans des fichiers dédiés.
 * Note: La majorité des styles a été déplacée vers des fichiers CSS dédiés.
 *
 * LISTE DES FICHIERS CSS ET LEUR FONCTION :
 * ----------------------------------------
 * common-ui-styles.css     : Styles de base, reset CSS, variables, scrollbar et composants UI communs
 * header-navigation-styles.css : Styles pour l'en-tête et la navigation principale, y compris le menu hamburger
 * home-section-styles.css  : Styles pour la section d'accueil, image de profil et intro
 * social-media-styles.css  : Styles pour les icônes et liens des médias sociaux
 * projects-section-styles.css : Styles pour la section projets, cartes et disposition en grille
 * contact-section-styles.css : Styles pour la section contact et ses composants
 * style-filters.css        : Styles pour les filtres et catégories de projets
 * style-bubble.css         : Styles pour les bulles d'information flottantes
 * chakra-styles.css        : Styles de base pour les composants chakras
 * chakra-container-styles.css : Styles pour les conteneurs des chakras
 * tooltip-styles.css       : Styles pour les tooltips standards
 * mobile-styles.css        : Styles spécifiques aux appareils mobiles
 * mobile-tooltip-styles.css : Styles pour les tooltips sur mobile
 * mobile-filter-styles.css : Styles pour les filtres de projet sur mobile
 * tree-mode-styles.css     : Styles pour l'affichage en mode arbre des chakras
 * rafiki-mode-styles.css   : Styles pour l'affichage en mode silhouette humaine des chakras
 * rafiki-container-styles.css : Styles pour le conteneur de l'image Rafiki
 * display-modes-styles.css : Styles pour les contrôles de basculement entre modes d'affichage
 * footer-styles.css        : Styles généraux pour le pied de page
 * footer-mobile-styles.css : Styles du pied de page sur mobile
 * footer-desktop-styles.css : Styles du pied de page sur desktop
 * footer-container-styles.css : Styles du conteneur de pied de page
 * laure-styles.css         : Styles pour la galerie d'images Laure dans la navbar
 * project-popup-styles.css : Styles pour les popups de détails de projet
 * pixel-glitch-effects.css : Styles pour les effets visuels pixelisés et glitchs
 * cursor-frame-styles.css  : Styles pour les curseurs personnalisés et cadres
 * pixel-container-styles.css : Styles pour les conteneurs d'éléments pixelisés
 * project-navigation-styles.css : Styles pour les liens et la navigation entre projets
 */

/* Styles généraux pour l'ensemble de l'application */
body,
.container,
main {
    background-color: var(--main-background) !important;
}

.scroll-up {
    width: 100%;
    text-align: center;
    margin-top: 600px;

    position: relative;
    display: block;
    z-index: 9999;
}

@media screen and (max-width: 768px) {
    .scroll-up {
        margin-top: 20px;
    }
}