body {margin: 0px;}
* {box-sizing: border-box;}
#container {
    display: grid;
    height: 100vh;
    gap: 1vw 1vw;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 6vw 3.2vw 1fr 1fr 1fr 1fr 1fr;
    border: 1vw solid rgb(0, 70, 128);
    background-color: rgb(0, 70, 128);
}
#container>div {
    overflow: auto;
    padding: 0.5vw;
}
.month {
    display: grid;
    justify-items: center;
    text-align: center;
    font-size: 4vw;
    background-color:rgb(0, 135, 177);
    grid-column: 1/8;
}
.dow {
    text-align: center;
    font-size: 1.8vw;
    background-color:rgb(0, 135, 177);
}
.date {
    font-size: 1vw;
    background-color: lightblue;

}
.spacer {background-color: lightblue;}