Pro for im the real mewberry

/* Layout by CD-ARIAx3 */
/* + Code by AlthIndor */

html, body {
 background: repeating-linear-gradient(to bottom, #F2F8FF 0px, #F2F8FF 10px, transparent 10px, transparent 20px),
   repeating-linear-gradient(to right, #DCF0FF 0px, #DCF0FF 10px, #D2E8F8 10px, #D2E8F8 20px);
 background-blend-mode: multiply, normal;
 height: 100vh;
 min-height: 970px;
}

body {
 cursor: url('https://i.imgur.com/00UOcYd.png'), default;
 position: relative;
 overflow-x: hidden;
}

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

#column_2, #column_2::after, #column_3, #id_contact ul:not(.buttons) li, .custom_panel div *, .custom_panel .clear {background: url('https://images2.imgbox.com/88/f2/sYC9ZTJA_o.png');}
#column_1 .custom_panel .clear {background-position: calc(50% - 2px) -1300px;}
#column_3 {background-position-x: -1500px;}

/* Fonts */

@font-face {
 font-family: 'Quicksand';
 font-style: normal;
 font-weight: 500;
 src: url(https://fonts.gstatic.com/s/quicksand/v20/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkM0o58a-wg.woff2) format('woff2');
}

@font-face {
 font-family: 'Quicksand';
 font-style: normal;
 font-weight: 700;
 src: url(https://fonts.gstatic.com/s/quicksand/v20/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkBgv58a-wg.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/v17/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format('woff2');
}

/* Header */

#gaia_header, #gaia_header #header_left, #gaia_header #header_right {background: none;}
#gaia_header {filter: drop-shadow(0 0 5px #FFFFFF) drop-shadow(0 2px .5px #00000040);}
#gaia_header li.spacer {display: none !important;}
#gaia_header li {margin: 0 3px;}

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

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

#gaia_header a {
 background: teal;
 color: #FFFFFF !important;
 font: 700 12px/20px 'Quicksand', 'Open Sans', sans-serif !important;
 text-transform: lowercase;
 padding: 15px 7px 5px 7px;
 position: relative;
 top: 0;
 border: 1px solid transparent;
 border-radius: 0 0 5px 5px;
 box-shadow: 0 0 0 1px #FFFFFF inset;
}

#gaia_header a:hover {
 background: #FF6288;
 top: 5px;
}

/* Columns */

#columns, #column_1, #column_2, #column_3 {
 float: none;
 margin: 0;
 position: absolute;
 top: 0;
}
#column_1, #column_3 {pointer-events: none;}

#columns, #column_1 {
 width: 100%;
 height: 100%;
}

#column_2, #column_3 {
 width: 1500px;
 height: 970px;
 left: calc(50% - 750px);
}
#column_2 {transform: translateZ(0);}

/* Scrollbars */

#columns ::-webkit-scrollbar {
 background: #0080FF20;
 width: 7px;
}
#columns ::-webkit-scrollbar-thumb {background: teal;}

#columns * {
 scrollbar-color: teal #0080FF20;
 scrollbar-width: thin;
}

/* Panels */

.panel {
 background: none;
 color: #605040;
 font: 11px/1.65 'Open Sans', sans-serif;
 padding: 0;
 margin: 0;
 position: absolute;
 box-sizing: border-box;
 overflow: hidden;
}
.panel h2 {display: none;}
.panel img {max-width: 100% !important;}

.panel a {color: steelblue;}
.panel a:hover {color: inherit;}

#id_about, #id_comments, #id_wishlist {overflow-y: scroll;}
#id_about, #id_comments {padding-right: 10px;}

.custom_panel br {display: none;}

/* Details */

#id_details {
 width: 120px;
 height: 150px;
 top: 575px;
 left: 325px;
 overflow: visible;
 z-index: 1;
}
#id_details p:nth-of-type(n+2) {display: none;}
#id_details .forum_userstatus {display: none;}

#id_details::before {
 content: '';
 background: lightblue;
 width: 140px;
 height: 20px;
 border-radius: 50%;
 position: absolute;
 bottom: -11px;
 left: -11px;
 border: 1px dashed #FFFFFF;
 box-shadow: -1px 2px lightgreen;
 z-index: -1;
}

/* Contact */

@keyframes ContactOver {
 from {background-position: 0 -1225px;}
 to {background-position: -1330px -1225px;}
}

#id_contact {
 top: 280px;
 left: 630px;
}

#id_contact ul:not(.buttons) li {
 float: left;
 background-position-y: -976px;
 width: 70px;
 height: 54px;
 margin: 0 23px;
 position: relative;
}
#id_contact span {display: none;}

#id_contact ul:not(.buttons) li:nth-of-type(1) {background-position-x: -1500px;}
#id_contact ul:not(.buttons) li:nth-of-type(2) {background-position-x: -1570px;}
#id_contact ul:not(.buttons) li:nth-of-type(3) {background-position-x: -1640px;}

#id_contact ul:not(.buttons) li:hover {
 animation: ContactOver 3s steps(20, jump-none) infinite;
 box-shadow: 0 -2px brown inset;
}

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

/* Custom Buttons */

#column_2 .custom_panel {
 top: 485px;
 left: 590px;
 filter: contrast(120%);
 overflow: visible;
}

#column_2 .custom_panel a {
 display: block;
 float: left;
 background-size: 2400px auto;
 background-position-y: -780px;
 width: 41px;
 height: 39px;
 font-size: 0;
 margin-right: 16px;
 border-radius: 10px;
 box-shadow: 0 0 0 2px pink;
}
#column_2 .custom_panel a:hover {opacity: .5;}

#column_2 .custom_panel a[href*='twitch'] {background-position-x: -1412px;}
#column_2 .custom_panel a[href*='discord'] {background-position-x: -1454px;}
#column_2 .custom_panel a[href*='youtube'] {background-position-x: -1495px;}

/* About */

#id_about {
 width: 315px;
 height: 145px;
 text-align: center;
 top: 550px;
 left: 470px;
}

/* Comments */

#id_comments {
 width: 220px;
 height: 110px;
 text-align: right;
 top: 760px;
 left: 920px;
}

#id_comments #alerts_banner, #id_comments .date a, #id_comments .dropBox {display: none;}
#id_comments .deletecomment {margin: 0 0 0 10px;}
#id_comments dd {margin: 0 0 15px 0;}
#id_comments dd:last-of-type {margin: 0;}

#id_comments dt {
 height: auto;
 line-height: normal;
 padding: 0 0 2px 0;
 margin:  0 0 2px 0;
 border-bottom: 1px dotted skyblue;
}
#id_comments .username {float: none;}

#id_comments .date {
 display: inline-block;
 text-indent: -.5em;
 overflow: hidden;
}

/* Comments Links */

#id_comments h2 + div, #id_comments h2 ~ p {
 position: fixed;
 width: 130px;
 height: 20px;
 font: 11px 'Quicksand', 'Open Sans', sans-serif;
 letter-spacing: .1em;
 text-align: center;
 text-transform: lowercase;
 transform: rotate(-17deg);
}
#id_comments h2 + div a, #id_comments h2 ~ p a {font-weight: 500;}
#id_comments h2 + div a:hover, #id_comments h2 ~ p a:hover {color: #FF6288;}

#id_comments #alert_container {
 float: none;
 padding: 0;
}

#id_comments h2 + div {
 top: 718px;
 left: 883px;
}

#id_comments h2 ~ p {
 top: 730px;
 left: 888px;
}

/* Wish List */

#id_wishlist {
 width: 250px;
 height: 40px;
 top: 822px;
 left: 494px;
 scroll-snap-type: y mandatory;
}
.premium_sparkle {display: none;}

#id_wishlist .item {
 background: pink;
 width: 30px;
 height: 30px;
 padding: 4px;
 margin: 0 8px 8px 0;
 position: relative;
 border: 1px solid transparent;
 border-radius: 50%;
 box-shadow: 0 0 0 1px #FFFFFF inset;
 outline: 1px dotted skyblue;
 outline-offset: -4px;
 transition: all .5s ease-in-out;
 scroll-snap-align: start;
 scroll-snap-stop: always;
}

#id_wishlist .item:hover {
 background-color: skyblue;
 outline-color: steelblue;
}

.owner_checkmark {
 margin: 0;
 bottom: 3px;
 left: 3px;
 filter: invert(100%);
}

/* Media */

.media_panel {
 width: 70px;
 height: 32px !important;
 top: 374px;
 left: 633px;
}

.media_panel iframe {
 width: 400px;
 height: 300px;
 position: absolute;
 bottom: -2px;
 left:-22px;
 opacity: .001;
}

/* Misc */

#pictures_container, #texts_container {
 width: 1px;
 height: 1px;
 position: absolute;
 top: 0;
 left: 50%;
 overflow: visible;
 z-index: 99;
}

/* Enter Button */

#texts_container .spoiler-wrapper, #texts_container .spoiler-control {border: none;}
#texts_container .spoiler-control-hide, #texts_container .spoiler-control span {display: none !important;}
#texts_container .spoiler-wrapper {padding: 0;}
#texts_container .spoiler-control {outline: none;}

#texts_container .spoiler-control-show {
 background: url('https://i.imgur.com/20ppzc0.png') no-repeat center #EBF6FF;
 width: 100%;
 height: 100%;
 position: fixed;
 top: 0;
 left: 0;
}

/* Animations */

@keyframes BounceName {
 from {transform: translateY(-5px);}
 to {transform: translateY(15px);}
}

#column_1 .custom_panel, #column_1 .custom_panel div {width: 100%;}
#column_1 .custom_panel, #column_1 .custom_panel div[id*='content'] {height: 100% !important;}
#column_1 .custom_panel .clear {background-position: calc(50% - 2px) -1300px; height: 43px;}
#column_1 .custom_panel * {position: absolute;}

#column_2::after {
 content: '';
 background-position: 0 -975px;
 width: 706px;
 height: 247px;
 position: absolute;
 top: 25px;
 left: 375px;
 animation: BounceName 2s ease-in-out infinite alternate;
}

@keyframes FallObjects {
 from {top: -140px;}
 to {top: 100%;}
}

@keyframes RotateObjects {
 from {transform: rotate(0deg) scale(.6);}
 to {transform: rotate(360deg) scale(.6);}
}

#column_1 b, #column_1 i {
 background-position-y: -975px;
 animation: FallObjects 8s linear infinite, RotateObjects 5s linear infinite;
}
#column_1 b:nth-of-type(2n), #column_1 i:nth-of-type(2n) {animation-direction: normal, reverse;}

#column_1 b {
 background-position-x: -2774px;
 width: 101px;
 height: 136px;
}

#column_1 i {
 background-position-x: right;
 width: 113px;
 height: 111px;
}

#column_1 div[id*='content'] *:nth-child(01) {left: 67%; animation-duration: 11s, 5s; animation-delay: -6.6s, -0.2s;}
#column_1 div[id*='content'] *:nth-child(02) {left: 64%; animation-duration: 08s, 5s; animation-delay: -5.3s, -1.9s;}
#column_1 div[id*='content'] *:nth-child(03) {left: 23%; animation-duration: 08s, 5s; animation-delay: -6.3s, -4.5s;}
#column_1 div[id*='content'] *:nth-child(04) {left: 82%; animation-duration: 08s, 5s; animation-delay: -3.8s, -4.6s;}
#column_1 div[id*='content'] *:nth-child(05) {left: 40%; animation-duration: 09s, 5s; animation-delay: -8.8s, -2.2s;}
#column_1 div[id*='content'] *:nth-child(06) {left: 84%; animation-duration: 08s, 5s; animation-delay: -7.1s, -0.0s;}
#column_1 div[id*='content'] *:nth-child(07) {left: 48%; animation-duration: 09s, 5s; animation-delay: -4.9s, -3.0s;}
#column_1 div[id*='content'] *:nth-child(08) {left: 89%; animation-duration: 11s, 5s; animation-delay: -2.3s, -3.2s;}
#column_1 div[id*='content'] *:nth-child(09) {left: 09%; animation-duration: 10s, 5s; animation-delay: -8.8s, -2.6s;}
#column_1 div[id*='content'] *:nth-child(10) {left: 41%; animation-duration: 09s, 5s; animation-delay: -8.0s, -1.9s;}
#column_1 div[id*='content'] *:nth-child(11) {left: 65%; animation-duration: 10s, 5s; animation-delay: -5.6s, -1.5s;}
#column_1 div[id*='content'] *:nth-child(12) {left: 06%; animation-duration: 10s, 5s; animation-delay: -7.8s, -2.2s;}
#column_1 div[id*='content'] *:nth-child(13) {left: 05%; animation-duration: 09s, 5s; animation-delay: -2.4s, -2.6s;}
#column_1 div[id*='content'] *:nth-child(14) {left: 54%; animation-duration: 11s, 5s; animation-delay: -7.1s, -3.1s;}
#column_1 div[id*='content'] *:nth-child(15) {left: 05%; animation-duration: 10s, 5s; animation-delay: -5.3s, -2.2s;}
#column_1 div[id*='content'] *:nth-child(16) {left: 43%; animation-duration: 08s, 5s; animation-delay: -3.0s, -1.3s;}
#column_1 div[id*='content'] *:nth-child(17) {left: 72%; animation-duration: 08s, 5s; animation-delay: -6.8s, -1.8s;}
#column_1 div[id*='content'] *:nth-child(18) {left: 17%; animation-duration: 11s, 5s; animation-delay: -5.5s, -0.4s;}
#column_1 div[id*='content'] *:nth-child(19) {left: 48%; animation-duration: 10s, 5s; animation-delay: -7.4s, -1.5s;}
#column_1 div[id*='content'] *:nth-child(20) {left: 51%; animation-duration: 10s, 5s; animation-delay: -9.9s, -3.9s;}
#column_1 div[id*='content'] *:nth-child(21) {left: 44%; animation-duration: 08s, 5s; animation-delay: -4.8s, -3.4s;}
#column_1 div[id*='content'] *:nth-child(22) {left: 63%; animation-duration: 10s, 5s; animation-delay: -0.7s, -1.2s;}
#column_1 div[id*='content'] *:nth-child(23) {left: 80%; animation-duration: 09s, 5s; animation-delay: -4.6s, -4.1s;}
#column_1 div[id*='content'] *:nth-child(24) {left: 73%; animation-duration: 09s, 5s; animation-delay: -8.3s, -3.3s;}