Code for Kino Fuzen

/* Code by AlthIndor */

html, body {
 background: url('https://i.imgur.com/30QLPDT.png');
 background-size: cover;
}

/* Animations */

@keyframes mainDelay {
 from {opacity: 0; pointer-events: none;}
 to {opacity: 1; pointer-events: all;}
}

/* Fonts */

@font-face {
 font-family: 'Inconsolata';
 font-style: normal;
 font-weight: 400;
 src: local('Inconsolata'), url(http://fonts.gstatic.com/s/inconsolata/v12/BjAYBlHtW3CJxDcjzrnZCIbN6UDyHWBl620a-IRfuBk.woff) format('woff');
}

/* Header */

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

#gaia_header #header_left, #gaia_header #header_right {
 background: none !important;
 font-size: 0 !important;
}
#gaia_header #header_right {float: right !important;}

#gaia_header li {
 padding: 0 5px 0 5px;
 margin: 0;
 text-align: center;
}
#gaia_header .spacer {display: none !important;}

#gaia_header #header_left img {
 background: url('https://i.imgur.com/F6Qmy0x.png') -750px -350px no-repeat !important;
 width: 0 !important;
 padding: 0 37px 0 0;
 margin: 4px -2px 0 0;
}

#gaia_header a {color: #FFB000 !important;}
#gaia_header a:hover {color: #FFFFFF !important;}

/* Scrollbars */

#columns {
 scrollbar-track-color: #FFB000;
 scrollbar-arrow-color: #000000;
 scrollbar-face-color: #000000;
 scrollbar-shadow-color: #FFB000;
}

#columns ::-webkit-scrollbar {
 background: #FFB000;
 width: 17px;
}

#columns ::-webkit-scrollbar-thumb {
 background: #000000;
 border: 1px solid #FFB000;
}

/* Columns */

#columns, #column_1, #column_2 {
 padding: 0;
 margin: 0;
 position: absolute;
 box-sizing: border-box;
 overflow: hidden;
}

#columns {
 background: url('https://i.imgur.com/F6Qmy0x.png');
 background-origin: border-box;
 width: 900px;
 height: 350px;
 top: calc((100% - 352px) / 2 + 80px);
 left: calc((100% - 900px) / 2);
 border: 4px solid transparent;
 border-top-width: 22px;
 box-shadow: 0 2px 6px 1px rgba(0,0,0,.6);
 overflow: visible;
 z-index: 9;
 animation: mainDelay 0s linear 33s both;
}

#column_1 {
 width: 222px;
 height: 198px;
 bottom: 0;
 left: 0;
}

#column_2 {
 width: calc(100% - 224px);
 height: 100%;
 bottom: 0;
 right: 0;
 border: 1px solid rgba(255,176,0,.8);
 border-right: none;
}
@-moz-document url-prefix() {#column_2 {background: linear-gradient(to left, #F2F2F2 17px, rgba(0,0,0,0) 17px); border-right: 1px solid rgba(255,176,0,.8);}}

/* Header Text */

#gaia_header a, #column_2 .panel h2, #id_contact li, #id_contact li a, .forum_userstatus span {
 font-family: 'Inconsolata', monospace !important;
 font-weight: bold !important;
 letter-spacing: .05em;
 text-decoration: none;
 text-shadow: 0 0 2px #000;
 text-transform: uppercase;
}

#gaia_header a, #id_contact li, .forum_userstatus span {font-size: 12px !important;}
#column_2 .panel h2, #id_contact li, #id_contact li a, .forum_userstatus span {color: rgba(255,255,255,.9) !important;}
#id_contact li, #id_contact li a, .forum_userstatus span {text-align: center !important;}

/* Panels */

.panel {
 background: none;
 color: #FFFFFF;
 font-family: 'Inconsolata', monospace;
 font-size: 12px;
 padding: 0;
 margin: 0;
 position: absolute;
 box-sizing: border-box;
}

.panel a {
 color: #FFB000;
 font-weight: normal;
}

#column_2 .panel {
 width: 100%;
 height: 100%;
 text-align: justify;
 padding: 0 5px 0 0;
 top: -400px;
 left: 0;
 border: 5px solid transparent;
 border-right: none;
 box-sizing: border-box;
 overflow-x: hidden;
 overflow-y: scroll;
}
#column_2 .panel:hover {top: 0;}
#column_2 .panel img {max-width: 100% !important;}

#column_2 .panel h2 {
 background: rgba(255,176,0,.9);
 width: 224px;
 height: 40px;
 font-size: 14px;
 line-height: 40px;
 text-align: right;
 padding: 0 10px 0 0;
 margin: 0;
 position: fixed;
 left: calc((100% - 900px) / 2 + 4px);
 box-sizing: border-box;
 z-index: 999;
}
#column_1 .panel h2 {display: none;}

#id_about h2 {top: calc((100% - 352px) / 2 + 102px);}
#id_equipment h2 {top: calc((100% - 352px) / 2 + 144px);}
.custom_panel h2 {top: calc((100% - 352px) / 2 + 186px);}

/* Details */

#id_details {
 width: 140px;
 height: 166px;
 padding: 8px 10px;
 top: 0;
 right: 0;
 z-index: 8;
}

#id_details #animated_item ~ p {display: none;}
#id_details p:nth-of-type(n+2) {display: none;}

#id_details .forum_userstatus {
 background: none;
 width: 80px;
 height: 40px;
 padding: 0;
 margin: 0;
 position: absolute;
 top: auto;
 bottom: 0;
 left: -82px;
 border: none;
}
.forum_userstatus .pushBox {display: none;}

.forum_userstatus .statuslinks, .forum_userstatus span  {
 background: none !important;
 height: 100% !important;
}

.forum_userstatus span {
 float: none !important;
 width: 100% !important;
 line-height: 40px;
 padding: 0 !important;
}

/* Contact */

#id_contact {
 width: 80px;
 top: 0;
 left: 0;
 z-index: 9;
}

#id_contact ul:not(.buttons) li {
 width: 100%;
 height: 40px;
 color: #FFFFFF;
 line-height: 14px;
 padding: 6px;
 box-sizing: border-box;
}
#id_contact ul:not(.buttons) li:nth-of-type(n+2) {margin-top: 2px;}
#id_contact ul:not(.buttons) li a {text-decoration: none;}

/* Equipment */

.premium_sparkle {display: none;}
.owner_checkmark {display: none;}

#id_equipment .item {
 background: #FFB000;
 text-align: center;
 padding: 5px;
 margin: 0 5px 10px 0;
 overflow: hidden;
}
#id_equipment .item:hover {background-color: #FFFFFF;}

#id_equipment .item a {
 display: block;
 width: 100%;
 height: 100%;
 position: relative;
}

/* Media Panel */

.media_panel {
 width: 100%;
 height: 30px !important;
 bottom: 0;
 left: 0;
 overflow: hidden;
}

.media_panel object {
 width: 100%;
 height: 360px;
 position: absolute;
 bottom: 0;
 left: 0;
 opacity: 0;
}

/* Starting Window */

body::before {
 content: '';
 background: url('https://images2.imgbox.com/f2/3a/r9gHlQez_o.gif'), url('https://i.imgur.com/F6Qmy0x.png');
 background-repeat: no-repeat, no-repeat;
 background-position: 6px 25px, 0 -350px;
 display: block;
 width: 750px;
 height: 250px;
 position: fixed;
 top: calc((100% - 352px) / 2 - 60px);
 left: calc((100% - 900px) / 2 - 100px);
 box-shadow: 0 2px 6px 1px rgba(0,0,0,.6);
 z-index: 1;
}