/*ex-oc-3-3-0*/



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

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

p{
    padding: 5px 30px;
    text-align: center;
}

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

section{  
    display: flex;
    flex-wrap: wrap;  
    margin: 3px 3px 3px 3px;
    padding: 5px 5px 5px 5px;
    border: 0.5px solid rgb(100, 226, 188);
    border-radius: 15px; 
    box-shadow:rgb(100, 226, 188) 1px 1px 12px inset;
    background-color: rgba(221, 247, 238, 0.5);
    font-family:Tahoma, sans-serif; 
    font-size: 16px;
    height: 766px;
}

.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;
}