body {
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 80vw 1fr;
    grid-template-rows: 5vh 48vh 6vh 36vh 5vh;
    /* grid-template-rows: 30vh 20vh 20vh 1fr 25vh; */
    grid-template-areas: 
    "nullLeft toppers nullRight"
    "nullLeft banners nullRight"
    "nullLeft topblks nullRight"
    "nullLeft middles nullRight"
    "nullLeft footer nullRight"
    ;
    background-color: #E5E5E5;
}
.banner {
    grid-area: banners;
    background-image: url(/images/banner.png);
    background-size: 90%;
    background-position-x: right;
    background-position-y: bottom;
    background-repeat: no-repeat;
    background-color: white;
}
.top {
    grid-area: topblks;
    padding: 0;
    margin: 0;
    color:rgb(1, 0, 75);
    border-bottom: 1px solid gray;
    background-color: white;
    box-shadow: 0px 5px 5px -5px #000000;
}
.top div {
    font-size: 1.2rem;
    text-shadow: 0.1rem 0.1rem 0.1rem #999;
    margin: .1rem 0;
    cursor: pointer;
    text-align: center;
    padding: 0;
}
.top div div {
    display: inline-block;
    margin:2rem;
    padding: 0;
}
.top div div:hover {
    color: blue;
    /* font-size:1.21rem; */
}
.toppers {
    grid-area: toppers;
    background-color: #0000FF;
}
.content {
    grid-area: middles;
    background-color: white;
    padding:1rem;
}
.bottom {
    grid-area: bottoms;
    background-color: white;
    border:1px solid blue;
}
.footer {
    grid-area: footer;
    background-color: white;
    text-align: center;
    font-size:1.2rem;
    padding:1rem;
    font-weight: bold;
    color:white;
    background-color:#0000FF;
}
.redFColor {
    color:red;
}