.experienceContainer{
    width: 900px;
    margin:auto;
    max-width :90%;
}
.xp{
    display: flex;
    margin: 20px 0px;
}


.xpInfo{
    border-bottom: 1px solid#5F9EA0;
    margin-right: 40px;
    flex:1.2;

}

.xpTitle{
    font-weight: light;
    color: #5F9EA0

}
.xpDateAndPlace{
    
    font-weight: lighter;

}

.xpMainContent{
    flex:3;
    font-weight:normal;
    font-size: 0.8em;
    /* background-color: #5F9EA0; */
    /* background: rgb(95,158,160); */
    box-sizing: border-box;
    margin: 0px 10px;
    border-radius: 10px 0px;
    padding: 2px 10px;
    box-shadow: #5F9EA0 1px 1px 1.2px;
    text-align: justify;

}

.xpMainContent:hover{

    transform: scale(1.03);
    transition-duration: .3s;
}

.diplome{
    font-weight: bold;
}

@media screen and (max-width:420px) {

    .xp{
        flex-direction: column
    }
    .xpMainContent{
        margin:20px 0px;
    }
}