Pro for Emmeleia

/* Profile by AlthIndor */
/* Artworks by Emmeleia */

html {
 --out-color: #20205480;
 --hov-color: #202054D0;
 --red-color: #D85854;
}

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

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

/* Fonts */

@font-face {
 font-family: 'Open Sans Condensed';
 font-style: normal;
 font-weight: 700;
 src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'), url(https://fonts.gstatic.com/s/opensanscondensed/v14/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDuXMRw.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, #gaia_header #header_left, #gaia_header #header_right {height: auto !important;}
#viewer #gaia_header {background: none !important;}

#gaia_header #header_left, #gaia_header #header_right {
 background: var(--out-color);
 width: auto !important;
 font: 700 0/0 'Open Sans Condensed', sans-serif !important;
 margin: 10px !important;
 padding: 15px 5px !important;
 border-radius: 5px;
 transition: background-color .5s ease-in-out;
}
#gaia_header #header_left:hover, #gaia_header #header_right:hover {background: var(--hov-color);}
#gaia_header #header_right {float: right;}

#gaia_header a img, #gaia_header li.spacer {display: none !important;}
#gaia_header li {margin: 0 5px !important;}

#header_left li:nth-of-type(2) a {
 background: url('https://i.imgur.com/5FTB40o.png') 0 2px no-repeat;
 padding-left: 37px;
}

#gaia_header a {
 color: #FFFFFF !important;
 font-size: 13px !important;
 letter-spacing: .03em;
 text-transform: uppercase;
 vertical-align: top;
}

/* Columns */

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

#columns, #column_1 {
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
}
#column_1 {pointer-events: none;}

#column_2 {
 width: 400px;
 height: 300px;
 top: calc(50% - 150px);
 left: 56px;
}

#columns ::-webkit-scrollbar {
 background: #20205420;
 width: 8px;
 border-radius: 4px;
}

#columns ::-webkit-scrollbar-thumb {
 background: var(--out-color) content-box;
 border: 1px solid transparent;
 border-radius: 3px;
}

/* Panels */

.panel, .panel h2 {
 padding: 0;
 margin: 0;
 box-sizing: border-box;
}

.panel {
 color: #404040;
 font: 11px/1.6 'Open Sans', sans-serif;
 text-align: justify;
 overflow: hidden;
}
.panel a {color: var(--red-color);}
.panel img {max-width: 100% !important;}

#id_about, #id_wishlist, #column_2 .custom_panel {
 background: #FFFFFFD0;
 width: 100%;
 height: 100%;
 padding-right: 10px;
 position: absolute;
 top: -100%;
 left: 0;
 border: 10px solid transparent;
 border-radius: 10px;
 overflow-y: scroll;
 scrollbar-color: var(--out-color) #20205420;
 scrollbar-width: thin;
}
#id_about:hover, #id_wishlist:hover, #column_2 .custom_panel:hover {top: 0;}

/* Wish List */

#id_wishlist {
 display: grid;
 grid-template-columns: repeat(7, 1fr);
 grid-auto-rows: min-content;
 gap: 10px;
}
.premium_sparkle, .owwner_checkmark {margin: 0;}

.premium_sparkle {
 top: 0;
 right: 0;
}

.owner_checkmark {
 right: 4px;
 bottom: 3px;
}

#id_wishlist .item {
 background: #20205420;
 width: 100%;
 height: 30px;
 text-align: center;
 padding: 5px 0;
 position: relative;
 border-radius: 5px;
 transition: background .5s ease-in-out;
}
#id_wishlist .item:hover {background: var(--red-color);}

/* Buttons */

#id_comments, #id_store, .media_panel, #column_2 h2, #id_contact ul:not(.buttons) li {
 background-color: var(--out-color) !important;
 width: 36px;
 border-radius: 5px;
 transition: background-color .5s ease-in-out;
}
#id_comments:hover, #id_store:hover, .media_panel:hover , #column_2 .panel:hover h2, #id_contact ul:not(.buttons) li:hover {background-color: var(--hov-color) !important;}
#id_contact, #id_comments, #id_store, .media_panel, #column_2 h2 {position: fixed;}
#id_contact, #id_comments, #id_store {right: 10px;}
#column_2 h2, .media_panel {left: 10px;}

#column_2 h2, #id_contact ul:not(.buttons) li, #id_comments, #id_store {
 background: url('https://i.imgur.com/vcNz49l.png') top center / 36px auto;
 height: 36px;
 font-size: 0;
}
#id_comments {background-position-y: -216px}
#id_store {background-position-y: -144px;}

#id_contact ul:not(.buttons) li {
 margin-bottom: 10px;
 position: relative;
}
#id_contact ul:not(.buttons) li:nth-of-type(1) {background-position-y: 0;}
#id_contact ul:not(.buttons) li:nth-of-type(2) {background-position-y: -36px;}
#id_contact ul:not(.buttons) li:nth-of-type(3) {background-position-y: -72px;}

#id_about h2 {
 background-position-y: -252px;
 top: calc(50% - 110px);
}

#id_wishlist h2 {
 background-position-y: -324px;
 top: calc(50% - 64px);
}

#column_2 .custom_panel h2 {
 background-position-y: -180px;
 top: calc(50% - 64px + 46px)
}

#id_about h2::after, #id_wishlist h2::after, #column_2 .custom_panel h2::after {
 content: '';
 display: none;
 width: 0;
 height: 0;
 position: absolute;
 top: -2px;
 left: 26px;
 border-top: 20px solid transparent;
 border-bottom: 20px solid transparent;
 border-right: 20px solid #FFFFFFD0;
}
#id_about:hover h2::after, #id_wishlist:hover h2::after, #column_2 .custom_panel:hover h2::after {display: block;}

/* Contact, Comments, and Store */

#id_contact {
 background: none;
 top: calc(50% - 110px);
}
#id_contact h2 {display: none;}

#id_comments {top: calc(50% + 28px);}
#id_comments h2 {display: none;}
#id_comments dl {display: none;}
#id_comments p {margin: 0;}

#id_store {top: calc(50% + 74px);}
#id_store :not(p):not(a) {display: none;}
#id_store p:nth-last-of-type(n+2) {display: none;}
#id_store p {margin: 0;}

#id_contact a, #id_comments a, #id_store a {
 display: block;
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
}

#id_comments div a {z-index: 2;}
#id_comments p a {z-index: 1;}

/* Media */

.media_panel {
 background: url('https://i.imgur.com/gqTTTvw.png') no-repeat -14px 3px / 240px auto, url('https://i.imgur.com/gqTTTvw.png') no-repeat -56px 39px;
 height: 82px !important;
 top: calc(50% + 28px);
}
.media_panel h2 {display: none;}

.media_panel iframe {
 width: 300px;
 height: 300px;
 position: absolute;
 top: -15px;
 left: 300px;
 transform-origin: 0 0;
 transform: rotate(90deg);
 opacity: .01;
}

.media_panel::after {
 content: '';
 display: block;
 width: 50%;
 height: 50%;
 position: absolute;
 top: -1px;
 left: 25%;
 border-bottom: 2px dotted #FFFFFF;
 pointer-events: none;
}

/* Animations */

@keyframes clouds {
 from {background-position-x: 0;}
 to {background-position-x: 512px;}
}

@keyframes fallingX1 {
 from {background-position-x: 0;}
 to {background-position-x: 40px;}
}

@keyframes fallingX2 {
 from {background-position-x: 0;}
 to {background-position-x: 80px;}
}

@keyframes fallingX3 {
 from {background-position-x: 0;}
 to {background-position-x: -1200px;}
}

@keyframes fallingY {
 from {background-position-y: 0;}
 to {background-position-y: 1200px;}
}

@keyframes breathe {
 0% {opacity: 1;}
 50% {opacity: 0;}
 70% {opacity: 0;}
 90% {opacity: 1;}
 100% {opacity: 1;}
}

#column_1 * {height: 100% !important;}
#column_1 .clear, #column_1 h2, #column_1 br {display: none;}

#column_1 .custom_panel {
 background: url('https://i.imgur.com/dtu16H7.png') 0 0 / 512px 512px #D4F4FF;
 background-blend-mode: color, normal;
 animation: clouds 30s linear infinite;
}

#column_1 b, #column_1 i {
 display: block;
 width: 100%;
 position: absolute;
 top: 0;
 left: 0;
}

#column_1 b:nth-of-type(1) {background: url('https://i.imgur.com/k373pJe.png') center / cover;}
#column_1 b:nth-of-type(2) {background: url('https://i.imgur.com/GFbqxfO.png') center / cover;}
#column_1 b:nth-of-type(3) {background: url('https://i.imgur.com/hL1wG2e.png') center / cover;}
#column_1 b:nth-of-type(4) {background: url('https://i.imgur.com/cTT7ajP.png') center / cover;}

#column_1 b:nth-of-type(5) {
 background: url('https://i.imgur.com/ixwKWJa.png') center / cover;
 animation: breathe 5s linear infinite;
}

#column_1 i:nth-of-type(1) {
 background: url('https://i.imgur.com/ETrG7YK.png') 0 0 / 200px 200px;
 filter: blur(.5px);
 opacity: .4;
 animation: fallingX1 5s ease-in-out infinite alternate, fallingY 30s linear infinite;
}

#column_1 i:nth-of-type(2) {
 background: url('https://i.imgur.com/JsxDJBy.png') 0 0 / 200px 200px;
 filter: blur(.5px);
 opacity: .6;
 animation: fallingX1 5s ease-in-out infinite alternate-reverse, fallingY 26s linear infinite;
}

#column_1 i:nth-of-type(3) {
 background: url('https://i.imgur.com/hiymLjO.png') 0 0 / 300px 300px;
 filter: blur(1px);
 opacity: .8;
 animation: fallingX2 5s ease-in-out infinite alternate, fallingY 22s linear infinite;
}

#column_1 i:nth-of-type(4) {
 background: url('https://i.imgur.com/MRo92zN.png') 0 0 / 300px 300px;
 filter: blur(1px);
 opacity: 1;
 animation: fallingX2 5s ease-in-out infinite alternate-reverse, fallingY 18s linear infinite;
}

#column_1 i:nth-of-type(5) {
 background: url('https://i.imgur.com/yeYZHj7.png') 0 0 / 400px 400px;
 animation: fallingX3 80s linear infinite, fallingY 14s linear infinite;
}

#column_1 i:nth-of-type(6) {
 background: url('https://i.imgur.com/S93KRrp.png') 0 0 / 600px 600px;
 filter: blur(1px);
 opacity: .8;
 animation: fallingX3 80s linear infinite, fallingY 10s linear infinite;
}