html {
  background: #222222 url(/media/templates/site/cassiopeia_bastabande/images/background.gif);
  color: #747474;
}
:root {
    --body-bg: black;
}

body {
  margin: 20px;
  background: #222222 url(/media/templates/site/cassiopeia_bastabande/images/background.gif);
}

.container-header {
  background: #000000ed;
  border: 1px solid #8c0000;
  border-radius: 10px 10px 0px 0px;
}

.site-grid {
  background: #000000de;
  color: #CCCCCC;
  border: 1px solid #8c0000;
  border-radius: 0px 0px 10px 10px;
}

.navbar-brand {
  margin: auto;
}

.sidebar-right {
  background: black;
  color: #CCCCCC;
  border: 1px solid #827373;
}

.card {
  --card-border-color: #827373;
  border-radius: 10px;
}

.container-component {
  border: 1px solid #827373;
  margin-top: 1em;
  padding: 1em;
  border-radius: 10px;
  margin-bottom: 1em;
}

.bottom-a.card .card-body .nav {
    display: block;
}

.bottom-a.card .card-body .mod-menu.mod-list.nav .nav-item {
    margin: 5px 20px 5px 0px;
    float: left;
}