Pro for KingSlowpoke

/* Layout by Cassiel Socks, Code by AlthIndor */

html, body {
 background: url('https://i.imgur.com/blegSrD.jpg') #30180C fixed no-repeat top center / cover;
 cursor: url('https://i.imgur.com/ASpeBop.png'), auto !important;
 overflow-x: hidden;
}
body a {text-decoration: none !important;}
::selection {background: goldenrod;}

#columns, #columns::after, #column_2 h2::before, #id_contact ul:not(.buttons) li {background: url('https://images2.imgbox.com/42/27/0oyNX399_o.png');}

/* Fonts */

@font-face {
 font-family: 'Cookie';
 font-style: normal;
 font-weight: 400;
 src: local('Cookie-Regular'), url(https://fonts.gstatic.com/s/cookie/v10/syky-y18lb0tSbf9kgqS.woff2) format('woff2');
}

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

/* Header */

#viewer #gaia_header {
 background: rgba(0,0,0,.5);
 height: 30px !important;
 box-shadow: 0 2px rgba(0,0,0,.25);
}

#gaia_header #header_left, #gaia_header #header_right {
 background: none;
 font: 0px/32px 'Cookie', cursive !important;
 padding: 0 3px !important;
 box-sizing: border-box;
}
#gaia_header #header_right {float: right;}
#gaia_header .spacer {display: none !important;}
#gaia_header li {margin: 0 6px;}

#header_left img {
 background: url('https://gaia.hs.llnwd.net/e1/images/gaia_global/gaia_header/br_gaia_logo_header.png') 0 0 no-repeat;
 background-size: auto 200%;
 width: 0;
 height: 18px;
 padding: 0 40px 0 0;
 margin: -5px 0 0 0;
}
#header_left li:nth-of-type(2) {margin: 0 4px;}

#gaia_header a {
 color: #FFFFFF !important;
 font-size: 18px !important;
 font-weight: normal !important;
}

/* Scrollbars */

#columns ::-webkit-scrollbar {
 background: linear-gradient(to bottom, #600000, #A00000);
 width: 8px;
 border-radius: 4px;
 box-shadow: 0 0 3px rgba(0,0,0,.5) inset;
}

#columns ::-webkit-scrollbar-thumb {
 background: #E8B4D8;
 border: 1px solid #600000;
 border-radius: 4px;
}

/* Columns */

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

#columns {
 background-position: bottom right;
 width: 1020px;
 height: 740px;
 top: 30px;
 left: calc(50% - 490px);
 transform: translateX(0px);
 overflow: visible;
}

#columns::after {
 content: '';
 display: block;
 background-position: top right;
 width: 392px;
 height: 65px;
 position: absolute;
 top: 591px;
 right: 94px;
 pointer-events: none;
}

@media screen and (min-width: 1600px) {
  #columns {
     width: 1640px;
     left: calc(50% - 820px);
  }
}
@media screen and (min-height: 760px) {#columns {top: calc(50% - 370px + 15px);}}

#column_1 {
 width: 70px;
 height: 230px;
 top: 113px;
 right: 624px;
 overflow: visible;
}

#column_2 {
 width: 370px;
 height: 505px;
 top: 115px;
 right: 125px;
}

/* Panels */

.panel, .panel h2 {
 background: none;
 color: #403020;
 margin: 0;
 box-sizing: border-box;
}
.panel {position: absolute;}
.panel a {color: #B00000;}
.panel img {max-width: 100% !important;}

#column_1 .panel {padding: 0;}

#column_2 .panel {
 background: rgba(255,255,255,.5);
 width: 100%;
 height: 100%;
 font: 14px/1.6em 'Kalam', serif;
 text-shadow: 0 0 1px #FFFFFF;
 padding: 0 10px 0 0;
 top: -100%;
 left: 0;
 border: 10px solid transparent;
 border-radius: 5px;
 overflow-x: hidden;
 overflow-y: scroll;
}
#column_2 .panel:hover {top: 0;}

#column_2 h2 {
 width: 341px;
 height: 63px;
 font: 40px/68px 'Cookie', cursive;
 text-align: right;
 text-shadow: -1px 0 1px #FFFFFF, 1px 0 1px #FFFFFF, 0 -1px 1px #FFFFFF, 0 1px 1px #FFFFFF;
 text-transform: capitalize;
 padding: 0 120px 0 0;
 position: fixed;
 right: 579px;
 z-index: 9;
}

@-moz-document url-prefix() {
  #column_2 h2, .media_panel h2::after {
    text-shadow: none;
    paint-order: stroke fill;
    -webkit-text-stroke: 3px #FFFFFF;
  }
  #column_2 h2 {line-height: 66px;}
}

#id_about h2 {top: 400px;}
#id_about h2::before {background-position: -210px 0;}

#id_wishlist h2 {top: 480px;}
#id_wishlist h2::before { background-position: -551px 0;}

.custom_panel h2 {top: 560px;}
.custom_panel h2::before {background-position: -892px 0 !important;}

#column_2 h2::before {
 content: '';
 display: block;
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 opacity: 0;
 z-index: -1;
 transition: opacity .5s ease-in-out;
}
#column_2 .panel:hover h2::before {opacity: 1;}

/* Bridges */

#column_2 h2::after {
 content: '';
 display: none;
 width: 95px;
 height: 323px;
 position: fixed;
 top: 300px;
 right: 485px;
}
#column_2 .panel:hover h2::after {display: block;}

/* Contact */

#id_contact  {
 width: 100%;
 height: 100%;
}
#id_contact h2 {display: none;}

#id_contact ul:not(.buttons) li {
 width: 70px;
 height: 67px;
 margin: 0 0 13px 0;
 position: relative;
 opacity: .01;
 transition: opacity .5s ease-in-out;
}
#id_contact ul:not(.buttons) li:hover {opacity: 1;}

#id_contact ul:not(.buttons) li:nth-of-type(1) {background-position: 0 0;}
#id_contact ul:not(.buttons) li:nth-of-type(2) {background-position: -70px 0;}
#id_contact ul:not(.buttons) li:nth-of-type(3) {background-position: -140px 0;}

#id_contact ul:not(.buttons) li, #id_contact ul:not(.buttons) a {font-size: 0;}

#id_contact ul:not(.buttons) a {
 display: block;
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
}

/* Wish List */

#id_wishlist {
 display: grid;
 grid-template-columns: repeat(6, 1fr);
 grid-auto-rows: max-content;
 grid-gap: 10px 10px;
 text-align: center;
 justify-items: center;
}
#id_wishlist .clear {display: none;}
#id_wishlist .premium_sparkle {display: none;}

#id_wishlist .item {
 background: rgba(230,180,214,.5);
 width: 42px;
 height: 42px;
 position: relative;
 border-radius: 50%;
 transition: all .5s ease-in-out;
}

#id_wishlist .item:hover {
 background: #B00000;
 transform: rotate(360deg);
}

#id_wishlist .item a {
 display: inline-block;
 width: 30px;
 height: 30px;
 padding: 2px;
 margin: 3px 0 0 0;
 border: 1px dotted #FFFFFF;
 transition: border-color .5s ease-in-out;
}
#id_wishlist .item:hover a {border-color: goldenrod;}

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

/* Media */

.media_panel {
 width: 30px;
 height: 30px !important;
 top: -74px;
 left: -140px;
 overflow: hidden;
}
.media_panel object, .media_panel::after {position: absolute;}
.media_panel h2, .media_panel::after {pointer-events: none;}

.media_panel object {
 bottom: -2px;
 left: -10px;
 opacity: .01;
}

.media_panel h2 {
 background: none;
 display: none;
 padding: 0;
 color: #FFFFFF;
 line-height: 0px;
 text-transform: capitalize;
 position: fixed;
 top: 56px;
 left: 342px;
}
.media_panel:hover h2 {display: initial;}

@media screen and (min-width: 1600px) {
  .media_panel h2 {
    left: unset;
    right: 834px;
  }
}

.media_panel::after {
 content: url('https://i.imgur.com/43iYKtm.gif');
 filter: brightness(140%);
 top: 10px;
 left: 8px;
}