:root {
  --bs-hero-bg: url("https://www.raith.tv/assets/img/headerimage8.jpg");
  --bs-font-family-heading: 'Fraunces', serif;
  /*color: #131540;*/
}


body {
  color: #1b1d55;
  font-family: Alata;
  font-size: 1.2em;
  /*background-repeat: no-repeat;*/
  /*background-size: 100% auto;*/
}
p{
    font-family: Alata;
    }

.btn {
  background-color: #1b1d55;
  border-width: 0;
}

.chatline {
  display: block;
  padding: 3px;
}

.chatname {
  color: #000;
  font-weight: bold;
  /*font-size: 1.2em;*/
  padding-right: 3px;
}

.chatmessage {
  color: #000;
  font-weight: normal;
  /*font-size: 1.2em;*/
}

body::before {
  background: var(--bs-hero-bg) no-repeat 0 90%/cover;
}

h1 {
  text-shadow: 0px 0px 3px rgba(255,255,255,1);
}

@media only screen and (max-width: 500px) {
  body::before {
    background: var(--bs-hero-bg) no-repeat 0 90%/cover;
    left: -180px;
    top: -200px;
  }
}

.btn:hover {
  color: #131540;
  background-color: #9ebedc;
  border-color: var(--bs-btn-hover-border-color);
  box-shadow: 0 0 10px #fff;
}

.nav-link:hover, .nav-link:focus {
  background-color: #e1eaf5 !important;
}

.nav-tabs {
  --bs-nav-tabs-border-width: var(--bs-border-width);
  --bs-nav-tabs-border-color: var(--bs-border-color);
  --bs-nav-tabs-border-radius: var(--bs-border-radius-sm);
  --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
  --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}

.line {
  display: block;
  float: left;
  width: 100%;
  border-bottom: 1px dotted #eee;
  margin: 3px 0px 10px 0px;
  padding: 0px 0px 2px 0px;
  clear: both;
  font-size: 0.8em;
}

.label3 {
  position: relative;
  left: 0px;
  font-size: 1em;
  display: flex;
  color: #000;
  font-size: 100%;
  font-weight: normal;
}

.time {
  display: flex;
  float: left;
  color: #991212;
  font-weight: bold;
  font-size: 1em;
  width: 24px;
}

.update, .teams {
  padding-top: 3px;
  max-height: 550px;
  overflow: auto;
  -ms-overflow-style: none;
}
#navcol{
    text-align:center;
}