/* Réinitialisation des marges et des rembourrages par défaut */
body, h1, p, a, button {
    margin: 0;
    padding: 0;
}

/* Faites en sorte que le corps de la page occupe toute la hauteur de la fenêtre et centre tout le contenu */
body {
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: Arial, sans-serif;
    text-align: center;
    background-color: #f0eb8a; /* Couleur d'arrière-plan de la page, remplacez-la par la couleur que vous préférez */
    margin: 40px 20px; /* Augmentez la marge à gauche et à droite de 40px et le haut et le bas de 20px */
}

/* Augmentez fortement la taille de la police pour l'ensemble du contenu de la page */
body, h1, .status, .description, .phone, .email, .website, .map, a, button {
    font-size: 44px; /* Augmentez la taille de police pour tout le contenu */
}

/* Ajoutez de l'espace entre les sections */
.vcard {
    margin: 40px 0; /* Ajoutez de l'espace en haut et en bas de la section vcard */
}

/* Ajustez la taille du logo pour qu'il s'adapte à l'écran */
.logo-container {
    text-align: center;
}
.logo {
    max-width: 100%; /* Vous pouvez ajuster la largeur du logo en fonction de vos besoins */
}

/* Augmentez considérablement la taille des boutons en ajustant la taille de police et le padding */
.buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: -10px; /* Compensez les marges négatives des boutons en doublant la valeur */
}

button {
    margin: 40px 40px; /* Augmentez la marge autour de chaque bouton de 40px */
    padding: 20px 50px; /* Augmentez la taille des boutons en ajustant le padding */
    font-size: 48px; /* Augmentez la taille de police des boutons */
    background-color: #003976;
    color: #f3621f;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.contact-btn-wide {
    margin: 40px 40px; /* Augmentez la marge autour du bouton "Ajouter un contact" de 40px */
    padding: 20px 50px; /* Augmentez la taille du bouton "Ajouter un contact" en ajustant le padding */
    font-size: 48px; /* Augmentez la taille de police du bouton "Ajouter un contact" */
}

div{
    margin: 40px;
}

.phone, .email, .website, .map {
    margin: 20px;
}

a {
    text-decoration: none;
    color: #f3621f;
}