.candidate img{
    width: 200px;
    margin: 0 auto !important;
    margin: 20px;
    display: block;
}
.political-profils-list{
    /* display: flex; */
    display: grid;
    /* grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); */
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
.candidate{
    margin: 10px;
    padding: 0 10px;
    padding-bottom: 10px;
    background-color: rgb(162, 235, 255);
    border: 3px solid rgb(34, 30, 95);
    border-radius: 10px;
    box-shadow: 5px 5px 7px 0 rgba(0, 0, 0, 0.228);
    transition: .2s ease;
    animation: pro 2s;
}
.candidate h2{
    text-align: center;
}
@media (max-width:616px){
    .political-profils-list{
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    }
}
@media (max-width:560px){
    .candidate img{
        width: 150px;
    }
    .candidate h2{
        font-size: 18px;
    }
}
@media (max-width:400px){
    .political-profils-list{
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    }
    .candidate img{
        width: 100px;
    }
    .candidate h2{
        font-size: 16px;
    }
}
.profile-intro{
    margin: 10px 0;
}
.profile-intro h1{
    text-align: center;
    color: rgb(14, 0, 93);
    animation: pro 1s;
}
@media(max-width:490px){
    .profile-intro h1{
        font-size: 23px;
    }
}

.candidate:hover{
    transform: translateY(-15px);
    box-shadow: 5px 16px 7px 0 rgba(0, 0, 0, 0.228);
}

@keyframes pro{
    0%{
        transform: translateY(100px);
        opacity: 0;
    }
}
.curve{
    background-image: url('/images/dbclr1.png');
    /* background-image: url('/images/cur1.png'); */
    background-size: 80%;
    opacity: 0.2;
    background-repeat: no-repeat;
    padding: 10% 0;
}