html,
body {
  font-family:
    "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans",
    Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0;
  background-color: #dddddd;
}

/* Header */
header {
  width: 800px;
  width: 100%;
  width: 100vw;
  background-color: #95d9ee;
  background: linear-gradient(#95d9ee, #78aebf);
  padding: 12px;
}

header img {
  filter: drop-shadow(2px 2px 2px #00000080);
}

#neuroback-header-content {
  width: 90vw;
  max-width: 800px;
  margin: auto;
}

/* Navbar */
nav {
  background: repeating-linear-gradient(
    45deg,
    #000000a0,
    #000000a0 10px,
    #00000080 10px,
    #00000080 20px
  );
  box-shadow:
    inset 0px 2px 2px #00000080,
    0 2px 2px #00000080;
  padding: 8px;
  width: 800px;
  width: 100%;
  width: 100vw;
}

nav a,
span {
  color: white;
}

#neuroback-nav-content {
  width: 90vw;
  max-width: 800px;
  margin: auto;
}

/* Footer */
footer {
  float: left;
  width: 800px;
  width: 100%;
  width: 100vw;
  text-align: center;
}

/* Main Content */
main {
  max-width: 800px;
  width: 90vw;
  display: block;
  margin: auto;
}

/* Guest Index */
#neuroback-index-mistyrender {
  float: right;
}

@media screen and (max-width: 799px) {
  #neuroback-index-mistyrender {
    display: none;
  }
}

/* Login */
#neuroback-login-form {
  text-align: center;
}

/* Channels */
.neuro-channels-channel-icon {
  filter: drop-shadow(2px 2px 2px #00000080);
}