Pro for BrujitaMalvada

/* Profile by AlthIndor */

html, body {background: #000;}
body {overflow: hidden;}
body a {text-decoration: none !important;}

html {
 --cyan: #00FFFF;
 --cyan-border: linear-gradient(to bottom, var(--cyan) 2px, transparent 2px, transparent calc(100% - 2px), var(--cyan) calc(100% - 2px)),
     linear-gradient(135deg, var(--cyan) 26px, #002020 26px, #002020 calc(100% - 26px), var(--cyan) calc(100% - 26px));
 --lime: #00FF00;
 --lime-border: linear-gradient(to bottom, var(--lime) 2px, transparent 2px, transparent calc(100% - 2px), var(--lime) calc(100% - 2px)),
     linear-gradient(135deg, var(--lime) 26px, #002000 26px, #002000 calc(100% - 26px), var(--lime) calc(100% - 26px));
 --pink: #FF00FF;
 --pink-border: linear-gradient(to bottom, var(--pink) 2px, transparent 2px, transparent calc(100% - 2px), var(--pink) calc(100% - 2px)),
     linear-gradient(135deg, var(--pink) 26px, #200020 26px, #200020 calc(100% - 26px), var(--pink) calc(100% - 26px));
}

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

#gaia_header #header_left, #gaia_header #header_right, #id_store, .media_panel, .custom_panel, #column_2 h2, #id_comments h2 + div, #id_comments h2 ~ p {
-webkit-mask: linear-gradient(135deg, transparent 24px, #000 24px, #000 calc(100% - 24px), transparent calc(100% - 24px));
 mask: linear-gradient(135deg, transparent 24px, #000 24px, #000 calc(100% - 24px), transparent calc(100% - 24px));
}

#panel-details, #columns {
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
}

/* Animated Rain */

@keyframes RainMove {
 from {background-position: 0 0;}
 to {background-position: 0 464px;}
}

#panel-details, #panel-details div {position: absolute;}
#panel-details {background: url('https://i.imgur.com/GK45cDG.jpg') #000 fixed no-repeat center / cover;}

#panel-details div {
 background: url('https://i.imgur.com/XYmSLbx.png') 0 0 / auto 464px;
 width: 120%;
 height: 120%;
 top: -10%;
 left: -10%;
 animation: RainMove .5s linear infinite;
 mix-blend-mode: soft-light;
 opacity: .4;
}
#panel-details .ft {transform: rotate(-5deg);}
#panel-details .hd {display: none;}

#panel-details .bd {
 background-size: auto 232px;
 background-position-x: -325px;
 animation-delay: -.25s;
}

/* Fonts */

@font-face {
 font-family: 'Squada One';
 font-style: normal;
 font-weight: 400;
 src: local('Squada One'), local('SquadaOne-Regular'), url(https://fonts.gstatic.com/s/squadaone/v8/BCasqZ8XsOrx4mcOk6Mtaac2WQ.woff2) format('woff2');
}

@font-face {
 font-family: 'Oxygen Mono';
 font-style: normal;
 font-weight: 400;
 src: local('Oxygen Mono'), local('OxygenMono-Regular'), url(https://fonts.gstatic.com/s/oxygenmono/v7/h0GsssGg9FxgDgCjLeAd7hjYx-4.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 */

#viewer #gaia_header {
 background: none !important;
 border: 10px solid transparent;
 border-width: 10px 5px 0 5px;
 box-sizing: border-box;
 filter: drop-shadow(0 2px 3px #00000080);
}
#gaia_header .spacer {display: none !important;}
#gaia_header li {margin: 0 5px;}

#gaia_header #header_left, #gaia_header #header_right {
 background: var(--pink-border);
 height: 31px !important;
 width: auto !important;
 font-size: 0 !important;
 padding: 0 35px !important;
}
#gaia_header #header_left:hover, #gaia_header #header_right:hover {background: var(--cyan-border);}
#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: #FFFFFF;
 width: 0 !important;
 padding: 0 38px 0 0;
}
#header_left li:nth-of-type(2) a:hover img {background: var(--cyan);}

#gaia_header a {
 color: #FFFFFF !important;
 font: 14px/31px 'Squada One', 'Open Sans Condensed', sans-serif;
 text-transform: uppercase;
}
#gaia_header a:hover {color: var(--cyan) !important;}

/* Columns */

#columns, #column_1, #column_2 {
 float: none;
 margin: 0;
}
#columns {filter: drop-shadow(0 2px 3px #00000080);}
#column_3 {display: none;}

#column_1 {
 width: auto;
 right: calc(50% - 345px);
}

#column_2 {
 width: 620px;
 height: 320px;
 position: absolute;
 top: calc(50% - 160px);
 left: calc(50% - 310px);
}

/* Scrollbars */

#columns ::-webkit-scrollbar {
 background: var(--cyan);
 width: 7px;
}

#columns ::-webkit-scrollbar-thumb {
 background: #000 content-box;
 border: 1px solid transparent;
 border-width: 1px 1px 1px 0;
}

.panel {
 scrollbar-color: #000 var(--cyan);
 scrollbar-width: thin;
}

/* Panels */

.panel, .panel h2 {
 color: #FFFFFF;
 padding: 0;
 margin: 0;
 box-sizing: border-box;
 overflow: hidden;
}
.panel h2 {display: none;}

.panel a {color: var(--pink);}
.panel a:hover {color: var(--cyan);}

#id_about, #id_comments, #id_wishlist, #id_footprints {
 background: linear-gradient(to left, cyan 8px, transparent 8px, transparent calc(100% - 8px), cyan calc(100% - 8px)) border-box,
   linear-gradient(-45deg, cyan 20px, cyan 22px, #002020D0 22px, #002020D0 calc(100% - 22px), cyan calc(100% - 22px), cyan calc(100% - 20px)) border-box;
 width: calc(100% - 20px);
 height: calc(100% - 20px);
 font: 11px/1.65 'Open Sans', sans-serif;
 text-align: justify;
 padding-right: 30px;
 position: absolute;
 top: -200%;
 left: 10px;
 border: 20px solid transparent;
 border-width: 22px 0 22px 40px;
 box-shadow: 0 2px 3px 1px #00000080;
 overflow-y: scroll;
}
#id_about img, #id_comments .postcontent img {max-width: 100% !important;}

.custom_panel:focus-within + .panel, #column_2 .panel:not(.custom_panel):hover {top: 5px !important;}
.custom_panel:focus-within + .panel h2, #column_2 .panel:not(.custom_panel):hover h2 {display: block !important;}

/* Buttons */

#column_1, #column_2 h2, .custom_panel {
 position: fixed;
 bottom: 10px;
}
#column_2 h2, .custom_panel {width: 140px;}
.custom_panel {background: var(--pink-border);}

#column_1, #column_2 h2, #id_store, .media_panel, .custom_panel {height: 32px !important;}
#column_2 h2::after, #id_store, .custom_panel {font: 400 16px/31px 'Squada One', 'Open Sans Condensed', sans-serif;}
#column_2 h2, #id_store, .custom_panel {text-align: center;}
#column_2 h2, #id_store a {font-size: 0;}

#column_2 h2, #id_store:hover, .custom_panel:hover {background: var(--cyan-border);}
#id_store:hover a::after, .custom_panel:hover {color: var(--cyan);}

.custom_panel:nth-of-type(1), #id_about h2 {left: calc(50% - 345px);}
.custom_panel:nth-of-type(3), #id_comments h2 {left: calc(50% - 345px + 120px);}
.custom_panel:nth-of-type(5), #id_wishlist h2 {left: calc(50% - 345px + 240px);}
.custom_panel:nth-of-type(7), #id_footprints h2 {left: calc(50% - 345px + 360px);}
.custom_panel:nth-of-type(1)::after, #id_about h2::after {content: 'ABOUT ME';}
.custom_panel:nth-of-type(3)::after, #id_comments h2::after {content: 'COMMENTS';}
.custom_panel:nth-of-type(5)::after, #id_wishlist h2::after {content: 'WISH LIST';}
.custom_panel:nth-of-type(7)::after, #id_footprints h2::after {content: 'VISITORS';}

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

.custom_panel .spoiler-control-show {
 display: block !important;
 background: none;
 width: 100%;
 height: 100%;
 position: absolute;
}

/* Comments */

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

#id_comments #alerts_banner {display: none;}
#id_comments .deletecomment {margin: 0 0 0 10px;}
#id_comments dl {margin-top: 45px;}
#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 4px 0;
 margin: 0 0 3px 0;
 border-bottom: 1px solid #FFFFFF60;
}

#id_comments .date {
 font: 400 9px 'Oxygen Mono', monospace;
 text-transform: uppercase;
}

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

#id_comments .dropBox img {
 width: 120px;
 height: 150px;
 margin: -30px 0 0 -45px;
}

/* Comments Links */

#id_comments h2 + div, #id_comments h2 ~ p, #id_comments h2 + div a, #id_comments h2 ~ p a {
 position: absolute;
 width: 275px;
 height: 31px;
}
#id_comments h2 + div a, #id_comments h2 ~ p a {left: 0;}
#id_comments h2 + div a {font-size: 0;}

#id_comments h2 + div, #id_comments h2 ~ p {
 background: var(--lime-border);
 text-align: center;
}
#id_comments h2 + div {left: -3px;}
#id_comments h2 ~ p {right: 26px;}

#id_comments h2 + div:hover, #id_comments h2 ~ p:hover {background: var(--cyan-border);}
#id_comments h2 + div:hover a::after, #id_comments h2 ~ p:hover a {color: var(--cyan);}

#id_comments h2 + div a::after, #id_comments h2 ~ p a {
 color: #FFFFFF;
 font: 400 14px/31px 'Squada One', 'Open Sans Condensed', sans-serif;
 text-transform: uppercase;
}
#id_comments h2 + div a::after {content: 'Leave A Comment';}

/* Wish List */

#id_wishlist {
 display: grid;
 grid-template-columns: repeat(10, 1fr);
 grid-auto-rows: 40px;
 gap: 14px 10px;
}
.premium_sparkle {display: none;}

#id_wishlist .item {
 background: linear-gradient(45deg, var(--pink) 7px, transparent 7px),
     linear-gradient(-135deg, var(--pink) 7px, transparent 7px),
     linear-gradient(to bottom, #FFFFFF 1px, transparent 1px, transparent 39px, #FFFFFF 39px) #FFFFFF40;
 width: 100%;
 height: 40px;
 text-align: center;
 padding: 5px 0;
 position: relative;
 border: 1px solid var(--pink);
 border-width: 0 1px;
 box-sizing: border-box;
}
#id_wishlist .item:hover {background-color: #FFFFFF;}

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

/* Store */

#id_store {
 background: var(--lime-border);
 float: left;
 width: 100px;
 margin-right: -20px;
}
#id_store h2 ~ *:nth-last-child(n+2) {display: none;}

#id_store a {
 width: 100%;
 height: 100%;
 font-weight: normal;
 position: absolute;
 left: 0;
}

#id_store a::after {
 content: 'MP';
 color: #FFFFFF;
 font-size: 24px;
 padding-left: 3px;
}

/* Media */

.media_panel {
 background: url('https://i.imgur.com/gqTTTvw.png') 11px -6px, var(--lime-border);
 width: 130px !important;
}
.media_panel:hover {background: url('https://i.imgur.com/gqTTTvw.png') 11px -6px, var(--cyan-border);}

.media_panel iframe {
 width: 400px;
 height: 300px;
 position: absolute;
 bottom: -1px;
 left: 11px;
 opacity: .01;
}