.container {
    grid-template-columns: 20% 81%;
}
.resources-about {
    margin: 0px 8px 0px 8px
}
.resources-about-content {
    background: var(--container-img);
    box-shadow: inset 0px 0px 0px 1px var(--border-shadow-color)
}
.resources-about-content p {
    text-align: center;
    margin:auto;
}
.resources-container {
    margin: 4px 8px 0px 8px;
    display:grid;
    grid-template-columns: 33.33% 33.33% 33.33%;
}
.resources-links-content {
    background: var(--container-img);
    height: 300px;
    overflow: auto;
    box-shadow: inset 0px 0px 0px 1px var(--border-shadow-color)
}
.resources-links-content a, p {
    padding-left: 10px;
    display: block;
}
.resources-buttons {
    background: var(--container-img);
    margin: 4px 8px 0px 8px
}
.resources-buttons-content {
    margin: 4px auto;
    text-align: center;
}
.tools {
    margin-right: 2px;
}
.games {
    margin-left: 2px; margin-right: 2px;
}
.funstuff {
    margin-left: 2px;
}
@media screen and (max-width: 768px) {
    .resources-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 4px 0;
    }
    .tools, .games, .funstuff {
        margin: 4px 0;
        
    }
    .resources-about {
        margin: 4px 0;
    }
    .kaomoji {
        display: none;
    }
    .resources-buttons {
        margin: 0;
    }
}