/*acceuil-oc*/

    h2 {
        margin: 20px 5px 20px 3px;
        background-image: url("../images_oc/oc23.jpeg");
        background-size: cover;
        padding: 5px 10px 5px 10px;
        color: rgb(12, 114, 97);
        border-radius: 10px;
        padding: 20px 0px 20px 40px;
        font-size: 30px;
        border-radius: 15px;

    }

h3 {
    margin: 20px 10px 20px 10px;
    padding: 10px 10px 10px 20px;
    border: 0.5px solid rgb(100, 226, 188);
    border-radius: 25px; 
    box-shadow:rgb(100, 226, 188) 1px 1px 12px inset;
    background-color: rgba(214, 248, 237, 0.5);
    font-size: 24px;
}

h4  {
    margin: 20px 70px 20px 40px;
    padding: 10px 10px 10px 50px;
    border: 0.5px solid rgb(177, 110, 240); 
    border-radius: 25px;
    box-shadow: rgb(177, 110, 240) 1px 1px 12px inset;
    background-color:rgba(228, 222, 235, 0.5);
    font-size: 20px;

}

h5 {
    margin: 20px 100px 20px 100px;
    padding: 7px 10px 7px 20px;
    border-radius: 25px;
    border: 0.5px solid rgb(95, 185, 238); 
    box-shadow: rgb(95, 185, 238) 1px 1px 12px inset;
    background-color: rgba(219, 234, 243, 0.7);
    font-size: 18px;
}

h6{
    margin: 20px 130px 20px 160px;
    padding: 6px 10px 6px 20px;
    border-radius: 25px;
    border: 0.5px solid rgb(232, 125, 247); 
    box-shadow: rgb(228, 170, 236) 1px 1px 8px inset;
    background-color: rgba(239, 227, 243, 0.7);
    font-size: 16px;
}

a[title="css"]{
    margin: 10px 10px 10px 0px;
    padding: 2px 15px 2px 15px;
    border-radius: 25px;
    border: 0.5px solid rgb(129, 247, 125); 
    box-shadow: rgb(170, 236, 179) 1px 1px 8px;
    background-color: rgba(227, 243, 230, 0.7);
    font-size: 16px;

}

a[title="html"]{
    margin: 10px 10px 10px 0px;
    padding: 2px 15px 2px 15px;
    border-radius: 25px;
    border: 0.5px solid rgb(129, 247, 125); 
    box-shadow: rgb(170, 236, 179) 1px 1px 8px;
    background-color: rgba(227, 243, 230, 0.7);
    font-size: 16px;

}



p{
    margin: 20px 160px 20px 160px;
}

ul{
    margin: 20px 160px 20px 160px;
}