/* centrer les éléments dans les sections */

.container, #CV iframe {
    margin : 0 auto 0 auto;
}

/* section compétences css */

div .row {
    margin-bottom: 40px;
}

.competencesText.card {
    height: 280px;
    cursor: pointer;
}

.competencesIcon {
    font-size: 36px;
    text-align: center;
    width: 100%;
}

.card-title {
    text-align: center;
}

.card:hover .competencesIcon {
    color: #c28cf165;
}

.competencesText:hover {
    border: 1px solid #c28cf165;
}

/* Styles pour l'élément iframe */

#CV{
    position: relative;
    width: 100%;
  padding-bottom: 56.25%;
  margin-bottom : 50px;
    
}

#CV iframe{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 60%;
    height: 100%;
    margin : 0 auto 0 auto;
}

@media screen and (max-width: 768px) {
  #CV {
    padding-bottom: 75%; /*Ratio de l'iframe pour les écrans plus petits */
  }
}