/***************************
   Tabs
****************************/

.tabs {
  background-color: #7e57c2;
}
.tabs .tab a {
  padding: 4px 0;
  color: #fff;
}
.tabs .tab a:hover {
  color: #e0e0e0;
  cursor: pointer;
}
.tabs .tab.disabled a {
  color: #9e9e9e;
  cursor: default;
}
.tabs .indicator {
  background-color: #fff;
}

/***************************
   Search box
****************************/

nav {
  height: 44px;
  line-height: 44px;
}
nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
  line-height: 44px;
}

/***************************
   Cards
****************************/

.collection .collection-item.avatar {
  min-height: 60px;
}
.secondary-content.offline {
  color: red;
}
.secondary-content.online {
  color: #66bb6a;
}

/***************************
   Other
****************************/

@font-face {
  font-family: "Dimitri";
  src: url(https://cdn.rawgit.com/pouyio/freeCodeCamp/c7deb4b4/frontEnd/05twitch/DIMIS___.TTF) format("truetype");
}
.tabs {
  font-family: "Dimitri", sans-serif;
  font-size: 1.5em;
}
body{
  background-color: #ede7f6;
}

.myContainer {
  max-width: 480px;
  min-width: 390px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.mtop {
  padding-top: 7vh;
}