@media (min-width:650px) {
  .card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
}

.userimg {
  width: 7.5rem;
  height: 7.5rem;
}

.videoimg {
  height: 6rem;
}

.userTabHeader {
  font-size: 1.3rem;
}

.userTabBody {
  font-size: 0.9rem;
}

#app-navbar-twitch {
  background: linear-gradient(120deg,rgb(153,0,255),rgb(77,0,112));
}

.nav-tabs .twitchTab.active {
  background-color: rgb(121, 10, 196);
}

#app-navbar-triller {
  background: linear-gradient(120deg,#e6226d,#8a135c);
}

.nav-tabs .trillerTab.active {
  background-color: #e6226d;
}

#app-navbar-youtube {
  background: linear-gradient(120deg,#a70d0d,red);
}

.nav-tabs .youtubeTab.active {
  background-color: red;
}

#app-navbar-discord {
  background: linear-gradient(120deg,#1f2f66,#7289da);
}

.nav-tabs .discordTab.active {
  background-color: #7289da;
}

#app-navbar-storyfire {
  background: linear-gradient(120deg,red,#f35d06);
}

.nav-tabs .storyfireTab.active {
  background-color: #f35d06;
}

#app-navbar-reddit {
  background: linear-gradient(120deg,#f30,#ff7300);
}

.nav-tabs .redditTab.active {
  background-color: #f30;
}

#app-navbar-nextcounts {
  background: linear-gradient(120deg,rgb(0, 110, 255),#063dd3);
}

.nav-tabs .nextcountsTab.active {
  background-color: rgb(0, 110, 255);
}

#app-navbar-mixerno {
  background: linear-gradient(120deg,#0c0c0c,#3d3d3d);
}

.nav-tabs .mixernoTab.active {
  background-color: #3d3d3d;
}

