/*  style ex-oc-3-4  */


body {
    font-family: 'Comme', sans-serif;
    color:rgb(99, 10, 182);
}

h2{
    padding: 15px 0px 15px 0px;
    text-align: center;
}

p{
    padding: 15px 0px 15px 0px;
    text-align: center;
}

header{
    background-image: url("../images_oc/oc23.jpeg");
    background-size: cover;
    background-attachment: fixed; 
    border-radius: 25px;;   
}

.d1 {
    display: flex;
}

.mg{
    margin: 4px 4px 4px 4px;
    padding : 3px 5px 3px 10px;
}

p {
    margin: 4px 4px 4px 4px;
    padding : 3px 5px 3px 10px;
}

.d1 {
    width: auto;
    height: auto;
}

.wh {
    width: 100px;
    height: 25px;
}

.pad {
    padding: 10px;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.m1 {
    margin: 1% 1%;
}

.b1{
        border: 0.5px solid rgb(95, 185, 238); 
        box-shadow: rgb(95, 185, 238) 1px 1px 12px inset;
        background-color: rgba(217, 235, 245, 0.7);
        border-radius: 15px;
}

.b2{
    border: 0.5px solid rgb(174, 95, 238); 
    box-shadow: rgb(174, 95, 238) 1px 1px 12px inset;
    background-color: rgba(229, 213, 248, 0.7);
    border-radius: 15px;
}

.b3{
    border: 0.5px solid rgb(233, 95, 238); 
    box-shadow: rgb(233, 95, 238) 1px 1px 12px inset;
    background-color: rgba(242, 213, 248, 0.7);
    border-radius: 15px;

}