Pro for ligotti

/* Profile by AlthIndor */

html, body {background: url('https://cdni.rbth.com/rbthmedia/images/2019.05/original/5cce0b3f15e9f9551b6098d4.jpg') fixed top center / cover #000;}
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/v13/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDuXMRw.woff2) format('woff2');
}

@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 400;
 src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
}

/* Header */

#viewer #gaia_header {
 background: rgba(0,0,0,.8);
 height: 30px !important;
}

#gaia_header #header_left, #gaia_header #header_right {
 background: none !important;
 width: 50% !important;
 font: 0px/28px 'Open Sans Condensed', sans-serif !important;
 padding: 0 3px !important;
 box-sizing: border-box;
}
#gaia_header li {margin: 0 5px;}
#gaia_header li.spacer {display: none !important;}

#gaia_header #header_left img {
 background: url('https://graphics.gaiaonline.com/images/gaia_global/gaia_header/br_gaia_logo_header.png') 0 0 no-repeat;
 background-size: auto 200%;
 width: 0;
 height: 17px;
 padding: 0 36px 0 0;
}

#gaia_header a {
 color: #FFFFFF !important;
 font-size: 13px !important;
 text-transform: uppercase;
 transition: opacity .5s ease-in-out;
}
#gaia_header a:hover {opacity: .8;}

/* Columns */

#columns, #column_1, #column_2, #column_3 {
 display: block;
 float: none;
 margin: 0;
 padding: 0;
 overflow: visible;
}

#column_1, #column_2, #column_3 {
 width: 100%;
 font-size: 0;
}

#columns {
 width: 400px;
 padding-bottom: 35px;
 left: calc(50% - 200px);
 top: 50%;
 transform: translateY(-50%);
}

#columns ::-webkit-scrollbar {
 background: rgba(255,255,255,.2);
 width: 10px;
 border-radius: 3px;
}

#columns ::-webkit-scrollbar-thumb {
 background: #FFFFFF content-box;
 border: 1px solid transparent;
 border-radius: 3px;
}

/* Panels */

.panel, .panel h2 {
 box-sizing: border-box;
 overflow: hidden;
}

.panel a {color: #B00000;}
.panel a:hover {color: inherit;}
.panel img {max-width: 100% !important;}

.panel {
 color: #FFFFFF;
 font: 10px/1.6em 'Open Sans', sans-serif;
 text-align: justify;
 scrollbar-color: #FFFFFF rgba(255,255,255,.2);
 scrollbar-width: thin;
}

.panel:not(#id_contact) {
 background: rgba(0,0,0,.8);
 margin: 0 0 20px 0;
 box-shadow: 0 0 0 1px rgba(255,255,255,.2), 0 0 0 5px rgba(0,0,0,.8);
}

.panel:not(#id_contact):not(.media_panel) {
 height: 150px;
 padding: 0 10px 0 0;
 border: 10px solid transparent;
 border-width: 35px 10px 10px 10px;
}

.panel h2 {
 background: rgba(255,255,255,.2);
 width: 100%;
 height: 25px;
 color: inherit;
 font: 700 13px/1.7em 'Open Sans Condensed', sans-serif;
 text-align: center;
 padding: 0;
 margin: -35px 0 0 0;
 position: fixed;
 left: 0;
}

.panel:not(#id_contact), #id_contact ul:not(.buttons) li {
 opacity: .5;
 transition: opacity .5s ease-in-out;
}
.panel:not(#id_contact):hover, #id_contact ul:not(.buttons) li:hover {opacity: 1;}

/* Special Cases */

#id_details {
 height: 195px !important;
 text-align: center !important;
 padding: 0 !important;
}

#id_footprints {
 height: 100px !important;
 overflow-y: scroll;
}

/* Contact */

#id_contact {
 background: none;
 padding: 0;
 margin: 0;
 position: fixed;
 bottom: 0;
 left: calc((100% - 140px) / 2);
}
#id_contact h2 {display: none;}

#id_contact ul:not(.buttons) li {
 background: url('https://i.imgur.com/vcNz49l.png') top center no-repeat rgba(0,0,0,.8);
 background-size: 30px auto;
 width: 40px;
 height: 40px !important;
 border: 4px solid transparent;
 box-shadow: 0 0 0 1px rgba(255,255,255,.2) inset;
 box-sizing: border-box;
}
#id_contact li, #id_contact a {font-size: 0;}

#id_contact ul:not(.buttons) li {
 float: left;
 position: relative;
}
#id_contact li:nth-of-type(n+2) {margin-left: 10px;}
#id_contact ul:not(.buttons) li:nth-of-type(1) {background-position-y: 1px;}
#id_contact ul:not(.buttons) li:nth-of-type(2) {background-position-y: -29px;}
#id_contact ul:not(.buttons) li:nth-of-type(3) {background-position-y: -59px;}

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

/* Media */

.media_panel {
 background: url('https://i.imgur.com/gqTTTvw.png') top -5px left -18px no-repeat, url('https://i.imgur.com/gqTTTvw.png') bottom -1px right -11px no-repeat rgba(0,0,0,.8) !important;
 height: 34px !important;
 overflow: hidden;
}
.media_panel iframe, .media_panel::after {position: absolute;}
.media_panel h2 {display: none;}

.media_panel iframe {
 width: calc(100% + 29px);
 height: 250px;
 left: -18px;
 bottom: -1px;
 mix-blend-mode: screen;
}

.media_panel::after {
 content: '';
 display: block;
 background: url('https://i.imgur.com/gqTTTvw.png') top -5px left -28px #000;
 width: 30px;
 height: 30px;
 top: 0;
 left: 10px;
 pointer-events: none;
}