Pro for Ouja Akuma

/* Designed by Visual Light, Coded by AlthIndor */

html, body {background: repeating-linear-gradient(to right, #111111 0%, #111111 9.09%, #110518 9.09%, #110518 18.18%);}
body a {text-decoration: none !important;}

::selection {
  background: rebeccapurple;
  color: #FFFFFF;
}

/* Fonts */

@font-face {
  font-family: 'Milonga';
  font-style: normal;
  font-weight: 400;
  src: local('Milonga'), url(https://fonts.gstatic.com/s/milonga/v8/SZc53FHnIaK9W5kfTzrMkA.woff2) format('woff2');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format('woff2');
}

/* Header */

#gaia_header, #header_left, #header_right {background: none !important;}
#gaia_header li.spacer {display: none !important;}
#gaia_header li {margin: 0 5px;}

#gaia_header #header_left, #gaia_header #header_right {
  font: 0/30px 'Open Sans', sans-serif !important;
  padding: 0 5px !important;
  box-sizing: border-box;
}
#gaia_header #header_right {float: right;}

#header_left img {
 -webkit-mask: url('https://i.imgur.com/5FTB40o.png') no-repeat 0 4px;
  mask: url('https://i.imgur.com/5FTB40o.png') no-repeat 0 4px;
  background: #FFFFFF;
  width: 0 !important;
  padding: 0 37px 0 0;
}
#header_left li:nth-of-type(2) a:hover img {background: #FFD4FF;}

#gaia_header a {
  color: #FFFFFF !important;
  font-size: 11px !important;
  text-transform: uppercase;
}
#gaia_header a:hover {color: #FFD4FF !important;}

/* Columns */

#columns, #column_1 {
  margin: 0;
  position: absolute;
}
#column_2, #column_3 {display: none;}

#columns {
  background: url('https://i.imgur.com/XN9smzV.png');
  width: 900px;
  height: 600px;
  left: calc(50% - 450px);
  top: calc(50% - 290px);
  transform: translateZ(0);
}

#column_1 {
  width: 327px;
  height: 271px;
  top: 265px;
  left: 286px;
}

/* Scrollbars */

#columns ::-webkit-scrollbar {width: 0;}
.panel, #id_comments dl {scrollbar-width: none;}

/* Panels */

.panel, .panel h2, #id_comments dl {
  overflow: hidden;
  box-sizing: border-box;
}
.panel, #id_comments dl {overflow-y: scroll;}

.panel, .panel h2 {
  background: none;
  color: #FFFFFF;
  padding: 0;
  margin: 0;
}

.panel {
  width: 100%;
  height: 241px !important;
  font: 10px/1.7 'Open Sans', sans-serif;
  text-align: justify;
  text-align-last: center;
  position: absolute;
}
#id_about, .panel:hover {top: 0;}
.panel, .panel:hover ~ #id_about {top: 100%;}

.panel a {color: lightblue;}
.panel a:hover {color: #FFD4FF;}
.panel img {max-width: 100% !important;}

/* Panel Headers */

.panel h2 {
  width: 109px;
  height: 33px;
  font: small-caps 700 18px/1 'Milonga', serif;
  text-transform: capitalize;
  position: fixed;
  top: 232px;
  mix-blend-mode: color-dodge;
  cursor: default;
}

#id_about h2, .panel:hover h2 {color: #F0F0F0;}
.panel h2, .panel:hover ~ #id_about h2 {color: #C0C0C0;}

#about_title {
  left: 286px;
  text-align-last: left;
}
#about_title::after {content: ' Me';}

#comments_title {
  left: calc(286px + 109px);
  text-indent: 4px;
}

#wishlist_title {
  left: calc(286px + 218px);
  text-align-last: right;
}

/* Comments */

#id_comments {height: 100% !important;}
#id_comments dl {height: 219px;}

#id_comments #alerts_banner, #id_comments .dropBox, #id_comments h2 + div .clear {display: none;}
#id_comments h2 ~ p, #id_comments dd:last-of-type {margin: 0;}
#id_comments #alert_container {display: contents;}

#id_comments dt {
  display: flex;
  justify-content: space-between;
  height: auto;
  line-height: normal;
  padding: 0 0 4px 0;
  margin: 0 0 2px 0;
  border-bottom: 2px solid #00000060;
}
#id_comments .date a {font-weight: 400;}

#id_comments dd {
  display: grid;
  margin: 0 0 20px 0;
}
#id_comments .postcontent {grid-row: 1;}

#id_comments .deletecomment {
  float: none;
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
  margin: 5px 0 0 0;
  border-top: 2px solid #00000060;
}
#id_comments .deletecomment a:first-of-type::after {content: ' Comment';}
#id_comments .deletecomment br {display: none;}
#id_comments .deletecomment a {font-weight: 400;}

/* Comments Links */

#id_comments h2 + div, #id_comments h2 ~ p, #id_comments h2 + div a, #id_comments h2 ~ p a {
  width: 100px;
  height: 33px;
  position: absolute;
}

#id_comments h2 + div, #id_comments h2 ~ p {
  background: #2C4878;
  padding-left: 2px;
  bottom: 0;
  border: 1px solid #000;
  border-radius: 5px;
  box-shadow: 0 0 0 3px #00000040 inset, 0 2px 5px #00000080;
  box-sizing: border-box;
}
#id_comments h2 + div:hover, #id_comments h2 ~ p:hover {background: #A03050}
#id_comments h2 + div {right: calc(50% + 5px);}
#id_comments h2 ~ p {left: calc(50% + 5px);}

#id_comments h2 + div a, #id_comments h2 ~ p a {
  color: #FFFFFF;
  font-size: 0;
  left: 0;
}
#id_comments h2 + div a::after, #id_comments h2 ~ p a::after {font: 9px/32px 'Milonga', serif;}
#id_comments h2 + div a::after {content: 'POST COMMENT';}
#id_comments h2 ~ p a::after {content: 'ALL COMMENTS';}

/* Wish List */

#id_wishlist {
  display: grid;
  grid-template-columns: repeat(6, 46px);
  gap: 10px;
  scroll-snap-type: y mandatory;
}
#id_wishlist .premium_sparkle, #id_wishlist .clear {display: none;}

#id_wishlist .item {
  background: #FFFFFF20;
  width: 100%;
  height: 30px;
  text-align: center;
  padding: 5px 0;
  position: relative;
  border-radius: 3px;
  scroll-snap-align: start;
}
#id_wishlist .item:hover {background: rebeccapurple;}

.owner_checkmark {
  margin: 0;
  bottom: 5px;
  left: 5px;
}