/* BODY */

body {
    max-width: var(--content-width);
    margin: 0 auto;

    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.85);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.85);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.85);
}

.mainLayout-wrapper {
    position: relative;

    --content-margin: 15px;
    --mainLayout-content-width: 100%;

    width: var(--content-width);
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;

    box-sizing: border-box;
}

.mainLayout-content {
    width: var(--mainLayout-content-width);

    box-sizing: border-box;
}