html {
  background-color: #7986cb;
  color: white;
}

body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

main {
  flex: 1 0 auto;
}

nav {
  background-color: #3f51b5;
  background: linear-gradient(rgba(63, 81, 181, 1), rgba(63, 81, 181, 0));
  box-shadow: none;
}

.page-footer {
  background-color: transparent;
}

@media only screen and (max-width: 992px) {
  nav .brand-logo {
    left: 5%;
  }
}

.align-top {
  vertical-align: top;
}

.brand-logo img {
  width: 30px;
  margin-right: 10px;
  margin-top: 4px;
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

.btn {
  background-color: #303f9f;
}

.btn:hover {
  background-color: #3f51b5;
}

.btn:focus {
  background-color: #536dfe;
}

.avatar_menu {
  background-size: contain;
}

.center_content {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.betatag {
  font-variant: small-caps;
  font-size: 20px;
  border-radius: 50px;
  color: #eceff1;
}

img.center-align {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.card-panel.no-height-padding {
  padding-top: 0px;
  padding-bottom: 0px;
}