* {
  margin: 0;
  padding: 0;
}

body {
  height: 99vh;
  background-color: #212529;
}

.container {
  margin: 0 auto;
  max-width: 980px;
  width: 100%;
}

.nes-container-padding {
  padding: 1.5rem 1rem;
}

@media only screen and (min-width: 701px) {
  .container {
    width: 85%;
  }

  .hidden-md {
    display: none;
  }
}

@media only screen and (max-width: 700px) {
  .hidden-sm {
    display: none;
  }
}

.full-size {
  width: 100%;
  height: 100%;
}

button.nes-btn {
  font-size: 15px;
}

.flex {
  display: flex;
}

.grow1 {
  flex: 1;
}

.is-white {
  background-color: #fff;
}

.hidden {
  display: none;
}

.text-right {
  text-align: right;
}

.main-area {
  height: calc(100% - 182px);
  overflow: auto;
}

#back {
  position: absolute;
  margin: -11px -1.8rem;
  padding: 10px;
}

#light {
  width: 50px;
  height: 50px;
  opacity: 0;
  margin-bottom: 0;
}

.avatar-bcrikko {
  margin: 8px 4px;
}