.bar { background: linear-gradient(to bottom, #57229c 0%, #6b4386 34%, #2d1a46 100%); }
.bara { background: linear-gradient(180deg, #a05ebd 0, #e4b4f8 34%, #51047d 100%); }
.bar, .bara, .barm {
  text-align: center;
  color: #fcfcfc;
  padding: 5px;
  font-size: 20px;
  border-bottom: solid 2px #cb81ea;
  cursor: pointer;
  transition: background 0.3s, color 0.3s;
}
.barm { background: linear-gradient(180deg, #313639 0, #4d4d4d 34%, #232629 100%); border-bottom: solid 2px #fcfcfc; font-size: 24px; cursor: default; font-weight: bolder; }
.bar > a { color: #fcfcfc; }
.bar > a:hover { text-decoration: none; }
.bar:hover { color: #fcfcfc; background: linear-gradient(to bottom, #6c29b9 0%, #916ead 34%, #5d2b8b 100%); }
.indexborder { border: 2px solid #cb81ea; box-shadow: 0px 0px 7px 3px #b16cce; padding: 8px; background-color: #232629; }
.meta { padding: 5px; text-align: left; background-color: #341242; border-bottom: solid 2px #cb81ea; }
.comment { border-top: solid 2px #cb81ea; }
.back, .comment { padding: 4px; background-color: #31363b; text-align: left; }
.commentloop { padding: 10px 4px 40px 4px; }
.commentloop > .name { color: #11d116; }
.within { margin: 0 auto; border: 2px solid #cb81ea; box-shadow: 0px 0px 7px 3px #b16cce; }
.wny { border: solid 2px #ed1515; box-shadow: 0px 0px 20px 10px #ff3636; }
.bny, .cny { background-color: #da4453; border-bottom: solid 2px #ed1515; }
.mny { background-color: #c0392b; border-bottom: solid 2px #ed1515; }
.kero-section {
  width: 100%;
  font-size: 150%;
  font-weight: bolder;
  text-align: center;
  padding: 4px;
  margin: 8px 0;
  background: linear-gradient(to bottom, #cb81ea 0%, #57229c 34%, #d898f3 100%);
  color: #fcfcfc;
  border-bottom-color: #f1d0ff;
  border-right-color: #f1d0ff;
  border-bottom-color: #f1d0ff;
  border-right-color: #f1d0ff;
  border-width: 1px;
  border-radius: 25px;
  cursor: default;
}