@font-face {
  font-family: TTNorms;
  src: url(TTNorms-ExtraBold.otf);
}

body {
  background-color: #181818;
}

strong {
  font-family: 'TTNorms';
  color: #2DE2E6;
}

a:hover{
  background-color: #2DE2E6 !important;
  border-color: #2DE2E6 !important;
}

button:hover{
  background-color: #2DE2E6 !important;
  border-color: #2DE2E6 !important;
}

.storyboard-nav .sbframelist ul li.active {
  background-image: url("sunset.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100px 100px;
  background-color: #2DE2E6;
  border-color: #2DE2E6;
  font-family: 'TTNorms';
  color: #3a3c47;
}

.chart-wrapper-flex{
  background-color: #181818;
  border-color: #181818;
  color: #fff;
}

.sbframe-commentary{
  background-color: #121212;
  border-color: #121212;
  color: #fff;
}

.storyboard-nav .sbframelist ul li {
  background-image: url("sunset.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100px 100px;
  font-family: 'TTNorms';
}

.navbar-inverse {
    background-color: #121212;
    border-color: #eb34b1;
}

.navbar-inverse .navbar-brand {
    font-family: 'TTNorms';
    color: #fff;
}