button[disabled] {
    background-color: var(--buttonGrey);
    color: black;

    &:hover {
        background-color: var(--buttonGreyHover);
    }
}

#siteContentContainer {
    display: flex;
    width: 100%;
    min-height: 100%;
    gap: 1rem;

    img {
        min-width: 0;
        width: 100%;
        max-width: 100%;
        margin-bottom: 1rem;
        border-radius: var(--standard-radius);

        &[src="./img/"] {
            display: none;
        }
    }
}

section {
    &.main {
        display: flex;
        flex-direction: column;
        flex: 1 1 70%;
        /* padding: 0 3rem 0 0; */
        padding: 1rem 1.5rem;

        background-color: white;
        border-radius: var(--big-radius);

        h2,
        h3,
        h4,
        h5 {
            color: grey;
        }

        .articleNavigation {
            margin-top: 2rem;
            flex-grow: 1;
            align-items: end;

            .hidden {
                visibility: hidden;
            }
        }
    }

    &.sidebar {
        padding: 0 1.5rem;
        min-width: 250px;
        flex: 1 1 30%;
        background-color: white;
        border-radius: var(--big-radius);

        a {
            display: inline-block;
            color: var(--lightMatteRed);
            font-size: 1rem;
            cursor: default;
            text-decoration: none;
            margin-bottom: 0.75rem;
        }

        a:hover {
            color: black;
        }

    }

    &.dashboard {
        .shortText {
            font-weight: 200;
        }
    }
}

.container {
    flex: 1 1 100%;
}

.articleContainer {
    font-weight: 200;
    margin: 1rem 0;

    .authorName {
        margin-bottom: 1rem;
        font-size: 0.75rem;
    }

    h3 {
        margin-top: 2rem;
        margin-bottom: 0rem;
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 850px) {
    #siteContentContainer {
        flex-direction: column;
    }

}

@media screen and (max-width: 600px) {
    section {
        &.main {
            padding: 1rem 0.5rem;
        }
    }

    #siteBody {
        padding: 0.5rem 0;

        header {
            padding: 0 0.5rem;
        }
    }
}