#mdl-categories-menu {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.mdl-categories-menu-group {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
}

.mdl-categories-menu-group-name {
    border-bottom: solid 2px var(--e-global-color-text);
    margin: 0 1em 1em 1em;
    text-align: center;
    font-weight: bold;
    padding-bottom: 5px;
}

.mdl-categories-menu-group-container {
    display: flex;
    flex-direction: row;
}

.mdl-categories-menu-element {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;

    > a {
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        text-decoration: none;

        > div {
            display: flex;
            padding: 0;
            margin: 0 auto;
            border-radius: 50%;

            img {
                margin: auto;
            }
        }

        > .hover-effect:hover img {
            filter: brightness(0) invert(100%);
        }

        > h2 {
            margin: 1rem 0 0 0;
            font-weight: bold;
            font-size: 1.5rem;
            width: 100%;
            text-align: center;
        }
    }
}

#mdl-category-description {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 2rem;

    h1 {
        margin: 0 auto 1rem auto;
        font-weight: bold;
        font-size: 2rem;
    }

    p {
        margin: 0 auto 1rem auto;
        font-size: 1.25rem;
        text-align: center;
    }
}