body {
    --link-color: rgb(230, 10, 62);
    --background-color: rgb(78, 145, 86);
}

.main-content {
    /* background-color: rgb(230, 178, 113); */
}

.span-grid {
    width: 80%;
    height: 60% !important;
}
.main-content > div {
    height: 83%;
    width: max-content;
}

@media only screen and (max-width: 1200px) {
    .span-grid {
        grid-column-start: unset !important;
        grid-column-end: unset !important;
        width: 100%;
        height: 100% !important;
    }
    .main-content > div {
        height: 100%;
    }
    .main-content {
        padding-top: 71px !important;
    }
}

@media only screen and (max-width: 800px) {
    .span-grid {
        grid-column-end: 2 !important;
        width: 100%;
        height: 100% !important;
    }
    .main-title {
        width: 100%;
    }
}