.q1 {
    grid-area: q1;
}

.q2 {
    grid-area: q2;
}

.q3 {
    grid-area: q3;
}

.q4 {
    grid-area: q4;
}

.q5 {
    grid-area: q5;
}

.null {
    grid-area: null;
}

.main {
    padding-left: 6.25%;
    width: 87.5%;
    position: relative;
    top: -10rem;
    /* background-color: var(--color-background); */
    display: grid;
    grid-template-areas:
        'q1 q2'
        'q3 q4'
        'q5 null';
    gap: 0px;
    /* background-color: #2196F3; */
    /* background-color: black; */
    /* padding: 0px; */
    grid-template-columns: auto auto;
    grid-template-rows: auto auto auto;
}