#c2 {
    font-size: 50px;
    padding-top: 35px;
    color: #00ffff;
}
#c3 {
    color: #ffa600c7;
    font-size: 35px;
}
#c4 {
    color: #ff6347;
}
.d {
    display: grid;
    grid-template-areas: "ms1 ms2";
                         
    grid-template-columns: 2.4fr 1.6fr;
    padding-top: 25px;
    grid-gap: 20px;
    font-size: 25px;
    
}
#ms1 {
    grid-area: ms1;
    background-color: rgba(218, 253, 253, 0.3);
    margin: 0px 20px 0px 20px;
}
#ms2 {
    grid-area: ms2;
    grid-gap: 10px;
    background-color: #fffafa;
    margin-right: 20px;
    display: grid;
    grid-template-areas: "sm1 sm1"
                         "sm2 sm2";
}
.sm1 {
    grid-area: sm1;
    margin: 10px;

}
.sm2 {
    grid-area: sm2;
    margin: 10px;
}
.ppre {
    background-color: rgba(255, 150,0, 0.3);
}
.p1 {
    display: grid;
    grid-template-areas: "f1 f2 f3"
                         "f4 f5 f6";
    grid-template-columns: 33% 33% 33%;
    padding-top: 40px;
    margin: 0px 20px 0px 20px;
}
#f1 {
    grid-area: f1;

}
#f2 {
    grid-area: f2;

}
#f3 {
    grid-area: f3;

}
#f4 {
    grid-area: f4;

}
#f5 {
    grid-area: f5;

}
#f6 {
    grid-area: f6;

}