.bar { background: linear-gradient(to bottom, $evil4 0%, $evil1 34%, $evil6 100%); }
.bara { background: linear-gradient(180deg, $suwa05 0, $suwa01 34%, $evil5 100%); }
.bar, .bara, .barm {
  text-align: center;
  color: $white1;
  padding: 5px;
  font-size: 20px;
  border-bottom: solid 2px $suwa03;
  cursor: pointer;
  transition: background 0.3s, color 0.3s;
}
.barm { background: linear-gradient(180deg, $black2 0, $black3 34%, $black1 100%); border-bottom: solid 2px $white1; font-size: 24px; cursor: default; font-weight: bolder; }
.bar > a { color: $white1; }
.bar > a:hover { text-decoration: none; }
.bar:hover { color: $white1; background: linear-gradient(to bottom, $evil3 0%, $evil0 34%, $evil2 100%); }
.indexborder { border: 2px solid $suwa03; box-shadow: 0px 0px 7px 3px $suwa04; padding: 8px; background-color: $black1; }
.meta { padding: 5px; text-align: left; background-color: $suwa09; border-bottom: solid 2px $suwa03; }
.comment { border-top: solid 2px $suwa03; }
.back, .comment { padding: 4px; background-color: $black2; text-align: left; }
.commentloop { padding: 10px 4px 40px 4px; }
.commentloop > .name { color: $ok3; }
.within { margin: 0 auto; border: 2px solid $suwa03; box-shadow: 0px 0px 7px 3px $suwa04; }
.wny { border: solid 2px $ng5; box-shadow: 0px 0px 20px 10px $ng4; }
.bny, .cny { background-color: $ng2; border-bottom: solid 2px $ng5; }
.mny { background-color: $ng6; border-bottom: solid 2px $ng5; }
.kero-section {
  width: 100%;
  font-size: 150%;
  font-weight: bolder;
  text-align: center;
  padding: 4px;
  margin: 8px 0;
  background: linear-gradient(to bottom, $suwa03 0%, $evil4 34%, $suwa02 100%);
  color: $white1;
  border-bottom-color: $suwa00;
  border-right-color: $suwa00;
  border-width: 1px;
  border-radius: 25px;
  cursor: default;
}