:root {
    --body-bg: #9ae1cc;
    --cassiopeia-color-primary: #477e6e;
    --cassiopeia-color-hover: #167459;
    --link-color: #167459;
    --border-color: #477e6e;
    .card {
        --card-border-color: #477e6e;
        --card-cap-bg:#477e6e;
        --card-cap-color: white;
        .card-body {
            background-color: #d4fff2;
            overflow-x: scroll;
        }
        .table {
            --table-bg: #d4fff2;
        }
    }
    header {
        font-size: large;
    }
    .container-header .mod-menu {
        margin-left: 20px;
    }
    .pageheadinglogo .page-header h1 {
        width: 800px;
        height: 450px;
        background-size:cover;
        background-image: url('../images/collages-1.jpg');
    }
    @media (width < 800px) {
        .pageheadinglogo .page-header h1 {
            width: 100%;
            height: 225px;
        }
    }
    .dartstoolbar .btn {
        margin-right: 5px;
    }
    .win {
        background-color: rgb(191, 250, 191);
        font-weight: bold;
    }
    .my {
        font-weight: bold;
    }
}
@media (min-width: 855px) {
    .showGSM {
        display: none !important;
    }
}
@media (max-width: 854px) {
    .hideGSM {
        display: none !important;
    }
}