*, body, ::before, ::after {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.img-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

.size {
    width: 50%;
    height: 80%;
}

.bg-bleu {background-color: #252440; color: white;}
.bg-vert {background-color: #16b84e; color: white;}
.vert {color: #16b84e;}
.bleu-clair {color: #5A7D9A;}
.blanc {color: #F0F0F0;}
.bdd {color: #0074be;}
.figma {color: #F24E1E;}
.css {color: #1572B6;}
.javascript {color: #f0db4f;}
.php {color: #8993be;}
.bootstrap {color: #563d7c;}
.symfony {color: #00baff;}
.nodejs {color: #3c873a;}
.react {color: #61dafb;}
.linkedin {color: #0A66C2;}
.rocket {color: #1572B6;}

#backToTopBtn {
    display: none; /* Masqué par défaut */
    position: fixed; /* Positionné de manière fixe */
    bottom: 20px; /* Distance du bas de la page */
    right: 20px; /* Distance du côté droit de la page */
    z-index: 99; /* Assurez-vous qu'il est au-dessus des autres éléments */
    border: none; /* Pas de bordure */
    outline: none; /* Pas de contour */
    background-color: #007bff; /* Couleur de fond */
    color: white; /* Couleur du texte */
    cursor: pointer; /* Curseur pointeur */
    padding: 15px; /* Espacement intérieur */
    border-radius: 10px; /* Coins arrondis */
  }
  
  #backToTopBtn:hover {
    background-color: #555; /* Couleur de fond au survol */
  }