body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.grid-container {
    display: grid;
    grid-template-areas:
        'header header header'
        'menu main right'
        'menu footer blank';
    gap: 10px;
    /* background-color: #2196F3; */
    padding: 10px;
    height: calc(100vh - 40px);    
}

.grid-container>div {
    background-color: ivory;
    text-align: center;
    padding: 0px 0;
    font-size: 1rem;
}

.header1{
    grid-area: header;
}

.main1{
    grid-area: main;
}

.footer1{
    grid-area: footer;
}