/* Styles généraux */
body {
    margin: 0;
    padding: 0;
    background-color: black; /* Fond noir */
    font-family: 'Serif', serif; /* Police par défaut, sera remplacée pour le nom */
    display: flex; /* Utilisation de Flexbox pour le centrage */
    justify-content: center; /* Centrage horizontal */
    align-items: center; /* Centrage vertical */
    min-height: 100vh; /* Hauteur minimale pour occuper tout l'écran */
    color: #564546; /* Couleur par défaut du texte (gris clair) */
}

/* Conteneur pour le centrage */
.container {
    text-align: center; /* Centre le contenu texte à l'intérieur du conteneur */
    max-width: 90%; /* Limite la largeur maximale pour le responsive */
}

/* Logo */
.logo {
    display: block; /* Permet de gérer la marge et de le centrer */
    width: 300px;
    height: 300px;
    margin: 0 auto 20px auto; /* Marge : haut 0, droite/gauche auto (centrage), bas 20px */
    object-fit: cover; /* Assure que l'image couvre la zone sans déformation */
}

/* Nom de la société */
.company-name {
    font-family: 'Trajan Pro', serif; /* Police Trajan Pro, fallback sur une police serif */
    font-weight: bold; /* Gras */
    color: #831112; /* Rouge */
    font-size: 2.5em; /* Taille H1, ajustable si nécessaire */
    margin-bottom: 10px; /* Marge sous le nom */
}

/* Slogan de la société */
.company-slogan {
    font-size: 1.3em; /* Taille plus petite que le nom */
	font-style: italic; /* Pour mettre le texte en italique */
    color: #666666; /* Couleur grise */
    margin-top: 0; /* Supprime la marge haute par défaut du paragraphe */
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .logo {
        width: 200px; /* Réduit la taille du logo sur les écrans plus petits */
        height: 200px;
    }

    .company-name {
        font-size: 2em; /* Réduit la taille du nom */
    }

    .company-slogan {
        font-size: 0.9em; /* Réduit la taille du slogan */
    }
}

@media (max-width: 480px) {
    .logo {
        width: 150px; /* Réduit encore la taille du logo */
        height: 150px;
    }

    .company-name {
        font-size: 1.7em; /* Réduit la taille du nom */
    }

    .company-slogan {
        font-size: 0.8em; /* Réduit la taille du slogan */
    }
}

/* Custodes Tenebrarum
   Silentium est veritas
   Neo Cronici = effacement nécessaire
   Les témoins doivent disparaître */