*{
    margin: 0;
    padding: 0;
    text-decoration: none;
    font-family: 'DM Sans';
}

body {
    font-family: 'DM Sans';
    overflow-x: hidden;
    min-height: 100vh;
    width: 100%;
    overflow-y: overlay;
    background: no-repeat linear-gradient(135deg, #4F46E5, #9333EA, #F43F5E, #F97316, #FACC15);
}

h1{
    text-align: center;
    color: white;
    padding-top: 50px;
    font-size: 5rem;
}

.second{
    margin-left: 165px;
    color: white;
    padding-top: 25px;
    font-size: 3rem;
}

p{
    margin-left: 165px;
    margin-right: 140px;
    color: white;
    padding-top: 25px;
    font-size: 1.5rem;
}

.reasons{
    display: flex;
    margin-left: 165px;
    flex-direction: column;
}

.reasons img {
    max-width: 50px;
    margin-right: 15px;
}

.reasons div{
    display: flex;
    align-items: center;
    margin-right: 140px;
    margin-top: 25px;
}

.reasons h3{
    color: white;
}

.title{
    display: flex;
    align-items: flex-end;
    margin-left: 155px;
    margin-top: 50px;
}

.title h2{
    color: white;
    padding-top: 25px;
    font-size: 3rem;
}

.title img{
    width: 62px;
}

.firstskill img, .secondskill img, .thirdskill img, .fourthskill img, .fifthskill img{
    width: 150px;
    margin-left: 164px;
}

.firstskill h3, .secondskill h3{
    margin-left: 20px;
    color: white;
}

.thirdskill h3{
    margin-left: 10px;
    color: white;
}

.competences {
    margin-top: 50px;
}

.firstskill, .secondskill, .thirdskill, .fourthskill, .fifthskill {
    display: flex;
    margin-right: 80px;
    align-items: center;
    margin-top: 20px; /* espace vertical entre chaque skill */
}

.competences h3 {
    color: white;
    margin-left: 20px;  /* espace entre l'image et le texte */
    flex: 1;            /* texte prend tout l'espace restant */
    font-size: 1.5rem;
}

.competences img.stars {
    width: 100px;       /* taille uniforme pour les étoiles */
    height: auto;
    margin-left: 20px;  /* espace entre texte et étoiles */
}

.blank{
    height: 100px;
}