Pro for Rimuka

/* Designed by Rimuka */
/* Coded By AlthIndor */

:root {
  --pink: #CE5483;
  --purple1: #FAE3FA;
  --purple2: #CCB7D6;
  --purple3: #BC78D2;
  --purple4: #795D9A;
}

html, body {
  background: var(--purple1);
  min-width: 1200px;
  min-height: 900px;
  overflow-x: hidden;
}

body {position: relative;}
* {cursor: url('https://i.imgur.com/BErOonS.gif'), auto;}

body a {
  text-decoration: none !important;
  transition: all .5s ease-in-out;
}

::selection {
  background: var(--purple4);
  color: white;
}

/* Wallpaper */

@keyframes FallPetals {
  from {background-position: 0 0, 0 0;}
  to {background-position: -1000px 4000px, 1000px 4000px;}
}

#panel-details {
  -webkit-mask: linear-gradient(to bottom, black 50%, transparent);
  mask: linear-gradient(to bottom, black 50%, transparent);
  background: url('https://images2.imgbox.com/4f/d3/q1kI0XVI_o.png'), url('https://images2.imgbox.com/f5/7a/uWYy2m29_o.png');
  width: 100%;
  height: calc(50% + 425px);
  position: absolute;
  top: 0;
  left: 0;
  transform: translateZ(1px);
  mix-blend-mode: multiply;
  animation: FallPetals 120s linear infinite;
}

/* Fonts */

@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 400;
  src: local('Kalam'), url('https://fonts.gstatic.com/s/kalam/v16/YA9dr0Wd4kDdMthROCc.woff2') format('woff2');
}

@font-face {
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 700;
  src: local('Kalam Bold'), local('Kalam-Bold'), url('https://fonts.gstatic.com/s/kalam/v16/YA9Qr0Wd4kDdMtDqHTLMkiQ.woff2') format('woff2');
}

@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 400;
  src: url('https://ka-f.fontawesome.com/releases/v6.2.0/webfonts/free-fa-regular-400.woff2') format('woff2');
}

@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  src: url('https://ka-f.fontawesome.com/releases/v6.2.0/webfonts/free-fa-solid-900.woff2') format('woff2');
}

/* Header */

#viewer #gaia_header {
  background: var(--purple3);
  width: calc(100% - 10px) !important;
  height: 30px !important;
  top: 5px !important;
  left: 5px !important;
  border-radius: 5px;
  box-shadow: 0 2px 5px #00000040;
}
#gaia_header li.spacer {display: none !important;}
#gaia_header li {margin: 0 5px;}

#gaia_header ul {
  background: none !important;
  width: auto !important;
  font: 0/33px 'Kalam', cursive !important;
  padding: 0 5px !important;
}

#gaia_header #header_right {
  display: grid !important;
  grid-auto-flow: column;
  float: right;
}
#gaia_header li:last-of-type {grid-column: 2;}

#gaia_header img {
  background: url('https://i.imgur.com/cGGVY2x.png') no-repeat 0 3px;
  width: 0;
  padding: 0 34px 0 0;
  filter: invert(1);
}

#gaia_header a, #gaia_header a::before {font-size: 13px !important;}
#gaia_header a {color: #FFFFFF !important;}
#gaia_header a:hover {opacity: .5;}

#header_right :is(a[href*='edit'], a[href*='logout'], a[href*='report']) {font-size: 0 !important;}
#header_right a[href*='edit']::before {content: 'Edit Mine';}
#header_right a[href*='logout']::before {content: 'Logout';}
#header_right a[href*='report']::before {content: 'Report Profile';}

/* Columns */

#columns, #pictures_container, #texts_container {
  top: calc(50% - 425px);
  left: calc(50% - 600px);
}

#columns {
  background: url('https://i.imgur.com/7n7C9KX.png');
  width: 1200px;
  height: 850px;
  font-size: 0;
}
#columns .column {display: contents;}
#columns ::-webkit-scrollbar {width: 0;}

/* Panels */

.panel, dl {
  overflow: hidden;
  scrollbar-width: none;
}

.panel {
  background: none;
  color: var(--purple4);
  font: 13px/1.65 'Kalam', cursive;
  padding: 0;
  margin: 0;
  position: absolute;
}
.panel h2 {display: none;}
.panel img {max-width: 100% !important;}
.panel a {color: var(--pink);}
.panel a:hover {color: inherit;}

#id_about, #id_comments dl, #id_wishlist, .custom_panel {overflow-y: auto;}
#id_about, .custom_panel {text-align: right;}

#id_about, #id_comments {
  height: 292px;
  top: 135px;
}

#id_about {
  width: 350px;
  right: 480px;
}

#id_comments {
  width: 360px;
  left: 762px;
}

#id_wishlist {
  width: 317px;
  height: 253px;
  top: 469px;
  left: 807px;
}

.custom_panel {
  width: 240px;
  height: 258px !important;
  top: 467px;
  right: 439px;
}

/* Contact and Media */

#id_contact, .media_panel {top: 781px;}
#id_contact {left: 407px;}

.media_panel {
  left: 247px;
  transition: all .5s ease-in-out;
}

#id_contact li {
  float: left;
  margin: 0 105px 0 0;
}
#id_contact li:nth-of-type(3) {margin-left: 1px;}

#id_contact li *, .media_panel {
  display: block;
  width: 40px;
  height: 40px !important;
  color: var(--purple2);
  font-size: 0;
  text-align: center;
  border: 4px solid currentColor;
  border-radius: 50%;
}

#id_contact a:hover, .media_panel:hover {
  color: var(--purple4);
  transform: rotate(1turn);
}

#id_contact li *::before, .media_panel::before {font: 900 26px/40px 'Font Awesome 6 Free';}
#id_contact li:nth-of-type(1) *::before {content: '+';}
#id_contact li:nth-of-type(2) *::before {content: ''; font-weight: 400;}
#id_contact li:nth-of-type(3) *::before {content: '';}
.media_panel::before {content: '';}

/* Details */

#id_details {
  top: 590px;
  left: 235px;
}
#id_details p:nth-of-type(n+2), .forum_userstatus {display: none;}

/* Comments */

#id_comments #alerts_banner, #id_comments .deletecomment, #id_comments .date a {display: none;}
#id_comments dt, #id_comments .dropBox {border-radius: 5px;}
#id_comments #alert_container {display: contents;}

#id_comments dl {
  clear: both;
  height: 247px;
  margin-top: 45px;
}

#id_comments dt {
  height: unset;
  color: var(--pink);
  line-height: inherit;
  text-align: inherit;
  padding: 3px 5px 0 5px;
  border: 1px solid currentColor;
}

#id_comments .username {
  display: inline;
  float: none;
}

#id_comments dd {
  display: grid;
  grid-template-columns: max-content 298px;
  margin: 8px 0 15px 0;
  overflow: visible;
}
#id_comments dd:last-of-type {margin-bottom: 0;}

#id_comments .dropBox {
  background: var(--purple1);
  width: 48px;
  height: 48px;
  margin: 2px 10px 0 0;
  border: 2px solid var(--purple2);
  overflow: hidden;
}

#id_comments .dropBox img {
  width: unset;
  height: unset;
  max-width: unset !important;
  margin: -30px 0 0 -25px;
  transform: scaleX(-1);
  image-rendering: pixelated;
}

/* Comments Links */

#id_comments h2 + div, #id_comments h2 ~ p {
  background: var(--purple3);
  width: calc(50% - 5px);
  height: 30px;
  border-radius: 5px;
  overflow: hidden;
}
#id_comments h2 + div {float: left;}
#id_comments h2 ~ p {float: right;}

#id_comments h2 + div a, #id_comments h2 ~ p a {
  display: block;
  height: 100%;
  color: #FFFFFF;
  font-size: 0;
  line-height: 33px;
  text-align: center;
}
#id_comments h2 + div a:hover, #id_comments h2 ~ p a:hover {background: var(--pink);}

#id_comments h2 + div a::before, #id_comments h2 ~ p a::before {font-size: 13px;}
#id_comments h2 + div a::before {content: 'Post Comment';}
#id_comments h2 ~ p a::before {content: 'All Comments';}

/* Wish List */

#id_wishlist {
  display: grid;
  grid-template-columns: repeat(5, 38px);
  grid-auto-rows: max-content;
  gap: 5px;
  scroll-snap-type: y mandatory;
}
#id_wishlist .clear, .premium_sparkle {display: none;}

#id_wishlist .item a {
  display: block;
  background: var(--purple3);
  width: 30px;
  height: 30px;
  padding: 3px;
  position: relative;
  border: 1px solid var(--purple2);
  border-radius: 5px;
  scroll-snap-align: start;
}
#id_wishlist .item:hover a {background: var(--pink);}

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

/* Media */

.media_panel iframe {
  position: absolute;
  bottom: -5px;
  left: -22px;
  transform-origin: bottom left;
  transform: scale(1.25);
  opacity: .001;
}

/* Floating Decorations */

#pictures_container, #texts_container {
  width: 0;
  height: 0;
  position: absolute;
}

.avatar_decoration {
  opacity: .5;
  transition: opacity .5s ease-in-out;
}
.avatar_decoration:hover {opacity: 1;}

.avatar_decoration[style*='width:48px'] a {
  display: flex;
  width: 54px;
  border-radius: 50%;
}

.avatar_decoration img[src*='48x48'] {
  background: var(--purple1);
  border: 3px solid var(--purple2);
  border-radius: 50%;
}

/* Misc */

.spoiler-revealed {
  padding: 3px;
  border-color: #808080;
}

.spoiler-control {
  background: var(--purple3);
  width: 100px;
  height: 30px;
  color: #FFFFFF;
  font: bold 13px/33px 'Kalam', cursive;
  text-transform: capitalize;
  border: none;
  border-radius: 5px;
}
.spoiler-control-hide {margin-bottom: 10px;}

.bbcode-swapping-image {background: url('https://i.imgur.com/2MbyLRf.png');}