Pro for Guardian Arlen

/* Profile by AlthIndor */

html {
 --dark: #685452;
 --mint: #94BCB0;
 --pink: #CF8179;
}

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

/* 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');
}

/* Header */

#viewer #gaia_header {
 background: var(--dark);
 width: calc(100% - 20px) !important;
 height: 30px !important;
 position: absolute !important;
 top: 10px !important;
 left: 10px !important;
 border: 1px solid #303030;
 box-shadow: 0 3px 3px #00000040;
 box-sizing: border-box;
 overflow: hidden !important;
}

#gaia_header #header_left, #gaia_header #header_right {
 background: none;
 font: 700 0/2.5 'Open Sans Condensed', sans-serif !important;
}
#gaia_header #header_right {float: right;}
#gaia_header li.spacer {display: none !important;}

#gaia_header img {
 background: url('https://graphics.gaiaonline.com/images/gaia_global/gaia_header/br_gaia_logo_header.png') 0 0 / 100% auto;
 width: 0;
 height: 16px;
 padding: 0 34px 0 0;
}

#gaia_header a {
 color: #FFFFFF !important;
 font-size: 11px !important;
 padding: 10px 7px;
 text-transform: uppercase;
}
#gaia_header a:hover {background: var(--mint);}

/* 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_2 {
 background: #FFFFFF;
 width: 188px;
 height: 202px;
 top: calc(50% - 100px);
 left: calc(50% - 94px);
 border: 1px solid #303030;
 box-shadow: 0 3px 3px #00000040;
 box-sizing: border-box;
}

/* Panels */

.panel, .panel h2 {
 color: #FFFFFF;
 font: 16px/28px 'Open Sans Condensed', sans-serif;
 padding: 0;
 margin: 0;
 box-sizing: border-box;
 position: absolute;
 overflow: hidden;
}
.panel {background: none;}
.panel a {color: inherit;}

#id_contact, .media_panel {
 background-color: var(--mint) !important;
 height: 36px !important;
 left: 176px;
 border: 1px solid #00000020;
 border-radius: 8px;
 transform-origin: top left;
 transform: rotate(90deg);
 z-index: 2;
}
#id_contact:hover, .media_panel:hover {background-color: var(--pink) !important;}
#id_contact h2, .media_panel h2 {display: none;}

.custom_panel, .custom_panel div {
 width: 100%;
 height: 100% !important;
}
.custom_panel h2, .custom_panel br, .custom_panel .clear {display: none;}
.custom_panel div {background: url('https://images2.imgbox.com/6c/f8/BiS3skhp_o.png') #F8F8F8 center / cover;}

/* Details */

#id_details {
 width: 100%;
 height: 100%;
 text-align: left;
 top: 0;
 left: 0;
 z-index: 1;
}
#id_details p:nth-of-type(n+2) {display: none;}
#id_details img {margin: 40px 0 0 10px;}
.forum_userstatus {display: none;}

#id_details h2 {
 background: var(--dark);
 width: 100%;
 height: 30px;
 text-align: center;
 border-bottom: 1px solid #303030;
}

/* Contact */

#id_contact {
 width: 60px;
 text-align: center;
 bottom: 34px;
}

#id_contact li, #id_contact a {
 display: block;
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
}
#id_contact li:nth-of-type(odd) {display: none;}
#id_contact h2 {display: none;}

#id_contact span, #id_contact a {
 font-size: 0;
 line-height: 32px;
 text-transform: uppercase;
}

#id_contact span::after, #id_contact a::after {
 content: 'messg';
 font-size: 16px;
}

/* Media */

.media_panel {
 background: url('https://i.imgur.com/gqTTTvw.png') top -5px left -16px no-repeat;
 width: 80px;
 top: 40px;
}

.media_panel iframe {
 width: 300px;
 height: 200px;
 position: absolute;
 bottom: 0;
 left: -16px;
 opacity: .01;
}

/* Wallpaper */

#column_1 b, #column_1 i {
 display: block;
 position: absolute;
}

#column_1 b {
 left: 0;
 transform-origin: left center;
 transform: skewY(30deg);
}

#column_1 b:nth-of-type(1) {
 background: linear-gradient(120deg, #94BCB080, transparent 65%);
 width: 65%;
 height: 25%;
 top: 45%;
 mix-blend-mode: darken;
}

#column_1 b:nth-of-type(2) {
 background: linear-gradient(120deg, var(--mint), transparent);
 width: 100%;
 height: 45%;
 top: 8%;
 mix-blend-mode: color;
}

@keyframes BlinkTriangles {
 0% {opacity: 0;}
 33% {opacity: 0;}
 66% {opacity: 1;}
 100% {opacity: 1;}
}

#column_1 i {
 clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
 animation: BlinkTriangles 2.5s linear infinite alternate;
}
#column_1 i:nth-of-type(even) {animation-duration: 3.5s;}

#column_1 i:nth-of-type(3), #column_1 i:nth-of-type(5), #column_1 i:nth-of-type(8), #column_1 i:nth-of-type(10) {background: var(--pink);}
#column_1 i:nth-of-type(5), #column_1 i:nth-of-type(3), #column_1 i:nth-of-type(8), #column_1 i:nth-of-type(10) {mix-blend-mode: color;}
#column_1 i:nth-of-type(1), #column_1 i:nth-of-type(2), #column_1 i:nth-of-type(6) {mix-blend-mode: color-burn;}
#column_1 i:nth-of-type(1), #column_1 i:nth-of-type(2), #column_1 i:nth-of-type(9) {background: darkseagreen;}
#column_1 i:nth-of-type(4), #column_1 i:nth-of-type(6), #column_1 i:nth-of-type(7) {background: lightgreen;}
#column_1 i:nth-of-type(1), #column_1 i:nth-of-type(3) {right: 0;}
#column_1 i:nth-of-type(3), #column_1 i:nth-of-type(5) {top: 55%;}
#column_1 i:nth-of-type(1) {top: 16%;}
#column_1 i:nth-of-type(5) {right: 8%;}

#column_1 i:nth-of-type(1), #column_1 i:nth-of-type(2), #column_1 i:nth-of-type(5), #column_1 i:nth-of-type(8) {
 width: 48vh;
 height: 55vh;
}

#column_1 i:nth-of-type(2) {
 top: 42%;
 right: 22%;
}

#column_1 i:nth-of-type(3), #column_1 i:nth-of-type(10) {
 width: 29vh;
 height: 33vh;
}
#column_1 i:nth-of-type(10) {top: 25%; right: 20%;}

#column_1 i:nth-of-type(4), #column_1 i:nth-of-type(7) {
 width: 70vh;
 height: 80vh;
 mix-blend-mode: soft-light;
}
#column_1 i:nth-of-type(4) {top: 3%; right: 10%;}
#column_1 i:nth-of-type(7) {top: -5%; left: -15%;}

#column_1 i:nth-of-type(6) {
 width: 56vh;
 height: 63vh;
 top: 50%;
 left: 22%;
}

#column_1 i:nth-of-type(8) {
 left: 0;
 top: 33%;
 clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
}

#column_1 i:nth-of-type(9) {
 width: 118vh;
 height: 33vh;
 clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
 bottom: 0;
 left: 8%;
 mix-blend-mode: hard-light;
}

#column_1 i:nth-of-type(1) {animation-delay: 0s;}
#column_1 i:nth-of-type(3) {animation-delay: -.5s;}
#column_1 i:nth-of-type(5) {animation-delay: -1s;}
#column_1 i:nth-of-type(7) {animation-delay: -1.5s;}
#column_1 i:nth-of-type(9) {animation-delay: -2s;}

#column_1 i:nth-of-type(2) {animation-delay: 0s;}
#column_1 i:nth-of-type(4) {animation-delay: -.7s;}
#column_1 i:nth-of-type(6) {animation-delay: -1.4s;}
#column_1 i:nth-of-type(8) {animation-delay: -2.1s;}
#column_1 i:nth-of-type(10) {animation-delay: -2.7s;}