Pro for StarryCelestial

/* Profile by AlthIndor */

:root {
  --color-panelbg: #FEFEFE;
  --color-primary: #746458;
  --color-text: #404040;
  --top-offset: 100px;
}

html, body {
  background: url('https://i.ibb.co/QppMycn/wallpaper.png') top center #F4F2F0;
  height: unset;
  min-height: 100vh;
}

::selection {
  background: var(--color-primary);
  color: #FFFFFF;
}

#columns, #id_contact a {background: url('https://i.ibb.co/KjdCJ0f/Starry-Celestial-main.png') 0 0 no-repeat;}
#id_contact a {background-position-x: -840px;}

/* Fonts */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), 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: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOUuhp.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, #gaia_header #header_left, #gaia_header #header_right {background: none;}
#gaia_header li, #header_left::after {margin: 0 5px;}
#gaia_header li.spacer {display: none !important;}
#header_left::after {content: 'profile by althindor';}

#gaia_header #header_left, #gaia_header #header_right {
  font-size: 0 !important;
  padding: 0 5px !important;
  box-sizing: border-box;
}
#gaia_header #header_right {float: right;}

#gaia_header img {
 -webkit-mask: url('https://i.imgur.com/5FTB40o.png') no-repeat 0 3px;
  mask: url('https://i.imgur.com/5FTB40o.png') no-repeat 0 3px;
  background: var(--color-text);
  width: 0 !important;
  padding: 0 38px 0 0;
  margin-right: -1px;
}

#gaia_header a, #header_left::after {
  color: var(--color-text) !important;
  font: 600 11px/31px 'Open Sans', sans-serif !important;
  text-transform: uppercase;
}

#gaia_header a {
  text-decoration: none;
  text-underline-offset: 4px;
}
#gaia_header a:hover {text-decoration: 1px solid underline #808080;}

/* Columns */

#columns, #columns .column {
  float: none;
  display: flex;
}

#columns {
  gap: 16px;
  justify-content: center;
  width: 840px;
  padding: 590px 0 20px 0;
  top: var(--top-offset);
  left: calc(50% - 420px);
  contain: content;
}

#columns .column {
  flex-direction: column;
  font-size: 0;
  margin: 0;
  overflow: visible;
}
#column_2 {width: 180px;}
#column_3 {width: 420px;}

#column_1 {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* Scrollbars */

#columns ::-webkit-scrollbar {
  background: #00000020;
  width: 8px;
}
#columns ::-webkit-scrollbar-thumb {background: #808080;}

.panel {
  scrollbar-color: #808080 #00000020;
  scrollbar-width: thin;
}

/* Panels */

.panel, .panel h2 {
  background: none;
  color: var(--color-text);
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.panel {
  font: 10px/1.6 'Open Sans', sans-serif;
  text-align: justify;
}
#column_1 .panel {position: absolute;}

.panel a {
  color: var(--color-primary);
  text-underline-offset: 2px;
}

#id_wishlist, #id_about, #id_footprints {padding: 15px;}

#id_wishlist, #id_about {padding-top: 0;}
#id_wishlist {border-top: 55px solid transparent;}
#id_about {border-top: 50px solid transparent;}
#id_about img {max-width: 100%;}

#id_wishlist, #id_about {
  background: linear-gradient(to bottom, transparent 40px, var(--color-panelbg) 40px) border-box;
  box-shadow: 1px 1px #808080, -1px 1px #808080;
}

#id_footprints {
  background: var(--color-panelbg);
  margin-top: 16px;
  box-shadow: 0 0 0 1px #808080;
}

/* Panel Headers */

.panel h2 {
  height: 25px;
  line-height: 10px;
  margin-bottom: 10px;
  border-bottom: 1px dashed #00000040;
}
#column_1 h2 {display: none;}

#id_wishlist h2, #id_footprints h2 {font-size: 14px;}
#id_about h2 {font-size: 0;}

#id_wishlist h2, #id_about h2 {
  position: fixed;
  top: 605px;
}
#id_wishlist h2 {width: 150px;}
#id_about h2 {width: 390px;}

#id_about h2::before, #id_about h2::after {
  content: 'ABOUT ME';
  font-size: 14px;
  position: absolute;
  left: 0;
}

#id_about h2::before {
  color: #FEFEFE;
  -webkit-text-stroke: 4px #FFFFFF;
}

/* Details */

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

/* Contact Buttons */

#id_contact {
  top: 330px;
  left: 596px;
}
#id_contact span {display: none;}

#id_contact :is(li, a) {
  width: 130px;
  height: 35px;
}
#id_contact li {margin-bottom: 8px;}
#id_contact li:nth-of-type(1) a {background-position-y: 0;}
#id_contact li:nth-of-type(2) a {background-position-y: -43px;}
#id_contact li:nth-of-type(3) a {background-position-y: -86px;}

#id_contact a {
  display: block;
  font-size: 0;
  opacity: 0;
}
#id_contact li:hover a {opacity: 1;}

/* Wish List */

#id_wishlist {
  flex-basis: 0;
  flex-grow: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 40px;
  gap: 10px;
  text-align: center;
  overflow-y: auto;
}
#id_wishlist :is(.premium_sparkle, .clear) {display: none;}

#id_wishlist .item {
  background: #00000010;
  flex-grow: 1;
  width: 100%;
  height: 30px;
  padding: 5px 0;
  position: relative;
  border-radius: 5px;
}
#id_wishlist .item:hover {background: none;}

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

/* Visitors */

#id_footprints .item {
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
}

#id_footprints .item::before {
  content: ' visited ';
  grid-column: 2;
  white-space: pre;
}
#id_footprints .item::after {content: '.';}

/* Animated Stars */

.custom_panel, .custom_panel * {
  width: 100%;
  height: 440px;
}

.custom_panel {pointer-events: none;}
.custom_panel .clear {display: none;}

@keyframes BlinkStars {
  from {opacity: 0;}
  to {opacity: 1;}
}

.custom_panel b {
  background: url('https://i.ibb.co/FKk9S6K/Starry-Celestial-stars.png');
  position: absolute;
  top: 0;
  left: 0;
  animation: BlinkStars 2s ease-in-out infinite alternate both;
}

.custom_panel b:nth-of-type(01) {clip-path: inset(057px 645px 359px 175px); animation-duration: 1.3s; animation-delay: 0.4s;}
.custom_panel b:nth-of-type(02) {clip-path: inset(053px 516px 364px 304px); animation-duration: 1.0s; animation-delay: 0.4s;}
.custom_panel b:nth-of-type(03) {clip-path: inset(042px 191px 352px 608px); animation-duration: 2.7s; animation-delay: 0.5s;}
.custom_panel b:nth-of-type(04) {clip-path: inset(083px 652px 337px 169px); animation-duration: 2.8s; animation-delay: 1.8s;}
.custom_panel b:nth-of-type(05) {clip-path: inset(080px 130px 337px 690px); animation-duration: 1.9s; animation-delay: 1.5s;}
.custom_panel b:nth-of-type(06) {clip-path: inset(100px 454px 294px 346px); animation-duration: 2.3s; animation-delay: 2.1s;}
.custom_panel b:nth-of-type(07) {clip-path: inset(109px 134px 308px 686px); animation-duration: 2.6s; animation-delay: 0.2s;}
.custom_panel b:nth-of-type(08) {clip-path: inset(162px 400px 257px 422px); animation-duration: 1.3s; animation-delay: 0.1s;}
.custom_panel b:nth-of-type(09) {clip-path: inset(191px 579px 226px 240px); animation-duration: 1.1s; animation-delay: 0.4s;}
.custom_panel b:nth-of-type(10) {clip-path: inset(188px 268px 224px 547px); animation-duration: 2.5s; animation-delay: 2.4s;}
.custom_panel b:nth-of-type(11) {clip-path: inset(201px 724px 208px 085px); animation-duration: 1.3s; animation-delay: 0.1s;}
.custom_panel b:nth-of-type(12) {clip-path: inset(210px 543px 193px 262px); animation-duration: 1.0s; animation-delay: 0.6s;}
.custom_panel b:nth-of-type(13) {clip-path: inset(232px 388px 162px 412px); animation-duration: 1.4s; animation-delay: 0.8s;}
.custom_panel b:nth-of-type(14) {clip-path: inset(234px 317px 168px 488px); animation-duration: 1.8s; animation-delay: 1.3s;}
.custom_panel b:nth-of-type(15) {clip-path: inset(247px 531px 166px 284px); animation-duration: 2.2s; animation-delay: 0.1s;}
.custom_panel b:nth-of-type(16) {clip-path: inset(255px 433px 163px 387px); animation-duration: 3.0s; animation-delay: 0.3s;}
.custom_panel b:nth-of-type(17) {clip-path: inset(266px 163px 137px 643px); animation-duration: 2.0s; animation-delay: 0.0s;}
.custom_panel b:nth-of-type(18) {clip-path: inset(285px 475px 132px 343px); animation-duration: 1.3s; animation-delay: 1.0s;}
.custom_panel b:nth-of-type(19) {clip-path: inset(295px 414px 125px 408px); animation-duration: 1.2s; animation-delay: 0.6s;}
.custom_panel b:nth-of-type(20) {clip-path: inset(315px 361px 096px 453px); animation-duration: 2.0s; animation-delay: 0.9s;}
.custom_panel b:nth-of-type(21) {clip-path: inset(340px 096px 077px 725px); animation-duration: 1.4s; animation-delay: 0.0s;}
.custom_panel b:nth-of-type(22) {clip-path: inset(354px 646px 066px 176px); animation-duration: 2.2s; animation-delay: 0.5s;}
.custom_panel b:nth-of-type(23) {clip-path: inset(366px 608px 052px 215px); animation-duration: 2.4s; animation-delay: 2.3s;}
.custom_panel b:nth-of-type(24) {clip-path: inset(379px 454px 034px 351px); animation-duration: 2.7s; animation-delay: 1.7s;}
.custom_panel b:nth-of-type(25) {clip-path: inset(379px 420px 041px 402px); animation-duration: 2.7s; animation-delay: 1.4s;}
.custom_panel b:nth-of-type(26) {clip-path: inset(410px 265px 009px 557px); animation-duration: 1.7s; animation-delay: 1.1s;}

/* Misc */

#pictures_container, #texts_container {
  width: 0;
  height: 0;
  position: absolute;
  top: var(--top-offset);
  left: 50%;
}

#equipped-item-details_mask ~ #equipped-item-details_mask, #avatar_menu + div + div {display: none !important;}