/*ex-oc-3-4-19*/




section{ 
 
    display:grid;

    grid-template-areas: 
        "e2 e1 e1"
        "e2 e3 e4"
        "e2 e5 e4"
        "e6 e5 e7"
        "e6 e8 e8";    

    grid-template-columns : 1fr 1fr 1fr;
    grid-template-rows: 100px 100px 100px 100px 100px;
    grid-gap: 10px;


    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;

    margin: 3px 3px 3px 3px;
    padding: 5px 5px 5px 5px;


}

.e1 {
    grid-area: e1;
}
.e2 {
    grid-area: e2;
}
.e3 {
    grid-area: e3;
}
.e4 {
    grid-area: e4;
}
.e5 {
    grid-area: e5;
}
.e6 {
    grid-area: e6;
}
.e7 {
    grid-area: e7;
}
.e8 {
    grid-area: e8;
}