[spoiler][/spoiler]

*::-webkit-scrollbar-track {
background-color: rgba(0,0,0,0.1);
}

*::-webkit-scrollbar {
width: 6px;
background-color: rgba(0,0,0,0);
}

*::-webkit-scrollbar-thumb {
background-color: rgb(17, 162, 225);
}
html {
background: rgb(17,162,225) url(https://s25.postimg.cc/owt1pthnz/background.png);
overflow: auto;
}
body {
background: none;
}
#gaia_header {
z-index: 9999;
}
#columns {
top: 0px;
left: 0px;
height: 100%;
min-height: 620px;
width: 100%;
min-width: 918px;
}
#columns:before {
content: '';
z-index: 9998;
position: absolute;
top: 25px;
left: 0px;
height: 40px;
width: 100%;
background: url(https://s25.postimg.cc/t77plemr3/headerdecor.png) repeat-x;
background-position: calc(50% - 380px) 0%;
}
#column_1, #column_2, #column_3 {
margin: 0px;
}
#column_1 {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
}
#column_2 {
position: absolute;
top: calc(50% - 227px);
left: calc(50% - 470px);
box-sizing: border-box;
width: 918px;
height: 490px;
padding: 113px 8px 117px 442px;
background: url(https://i.ibb.co/fdNTrX4/background.png) left bottom no-repeat;
}
#column_3 {
box-sizing: border-box;
position: absolute;
top: calc(50% + 149px);
left: calc(50% + 176px);
height: 114px;
width: 246px;
padding: 0px;
}

.panel {
margin: 0px;
padding: 0px;
overflow: hidden;
}
.panel h2 {
margin: 0px;
padding: 0px;
}

#column_2 .panel{
z-index: 500;
position: static;
height: 0px;
min-height: 0px;
max-height: 0px;
width: 440px;
margin: 0px;
padding: 0px 5px;
background: rgba(0, 0, 0, 0.7);
color: white;
text-align: center;
overflow-y: auto;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
}
#column_2 .panel:hover{
height: 240px;
min-height: 240px;
max-height: 240px;
margin: 5px 0px;
padding: 5px 5px;
}
#column_2 .panel h2 {
position: absolute;
left: 271px;
height: 20px;
width: 129px;
padding: 8px 20px 0px 0px;
background: none;
text-align: right;
text-transform: lowercase;
font: 15px arial, san-serif;
opacity: 0.5;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
}
#column_2 .panel h2:after {
content: '';
position: absolute;
top: -4px;
left: 130px;
height: 36px;
width: 36px;
}
#column_2 .panel:hover h2{
opacity: 1;
}
#column_2 .panel:nth-of-type(1) h2 {
top: 86px;
left: 751px;
background: url(https://s25.postimg.cc/hpaekn4j3/headerblue.png);
opacity: 1;
}
#column_2 .panel:nth-of-type(1) h2:after {
background: url(https://s25.postimg.cc/k9amshhgv/h2flameblue.png);
}
#column_2 .panel:nth-of-type(2) h2 {
top: 129px;
background: url(https://s25.postimg.cc/hpaekn4j3/headerblue.png);
}
#column_2 .panel:nth-of-type(2) h2:after {
background: url(https://s25.postimg.cc/k9amshhgv/h2flameblue.png);
}
#column_2 .panel:nth-of-type(3) h2 {
top: 169px;
background: url(https://s25.postimg.cc/dhk7pmshb/headerorange.png);
}
#column_2 .panel:nth-of-type(3) h2:after {
background: url(https://s25.postimg.cc/6gw7wuqpb/h2flameorange.png);
}
#column_2 .panel:nth-of-type(4) h2 {
top: 209px;
background: url(https://s25.postimg.cc/hpaekn4j3/headerblue.png);
}
#column_2 .panel:nth-of-type(4) h2:after {
background: url(https://s25.postimg.cc/k9amshhgv/h2flameblue.png);
}
#column_2 .panel:nth-of-type(5) h2 {
top: 249px;
background: url(https://s25.postimg.cc/dhk7pmshb/headerorange.png);
}
#column_2 .panel:nth-of-type(5) h2:after {
background: url(https://s25.postimg.cc/6gw7wuqpb/h2flameorange.png);
}
#column_2 .panel:nth-of-type(6) h2 {
top: 289px;
background: url(https://s25.postimg.cc/hpaekn4j3/headerblue.png);
}
#column_2 .panel:nth-of-type(6) h2:after {
background: url(https://s25.postimg.cc/k9amshhgv/h2flameblue.png);
}
#column_2 .panel:nth-of-type(7) h2 {
top: 329px;
background: url(https://s25.postimg.cc/dhk7pmshb/headerorange.png);
}
#column_2 .panel:nth-of-type(7) h2:after {
background: url(https://s25.postimg.cc/6gw7wuqpb/h2flameorange.png);
}
#id_footprints {
position: static;
height: 0px;
min-height: 0px;
max-height: 0px;
width: 170px;
margin-top: 20px;
padding: 0px 5px;
float: right;
background: rgba(0, 0, 0, 0.7);
color: white;
font-size: 10px;
overflow-y: auto;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
}
#id_footprints:hover {
height: 80px;
min-height: 70px;
max-height: 70px;
padding: 5px 5px;
}
#id_footprints h2{
position: absolute;
top: 0px;
right: 0px;
height: 20px;
width: 196px;
padding: 0px 4px 0px 0px;
background: url(https://s25.postimg.cc/n5xnsrnan/stalkers.png);
text-align: right;
font: 12px arial, sans-serif;
line-height: 20px;
}
#column_1 .custom_panel:nth-of-type(1) {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
background: none;
}
#column_1 .custom_panel:nth-of-type(1) h2{
display: none;
}
#column_1 .custom_panel:nth-of-type(1) .spoiler-wrapper {
position: absolute;
z-index: 1000;
top: 0px;
left: 0px;
height: calc(100% + 40px);
width: 100%;
background: url(https://s25.postimg.cc/hjdnquxm7/footerdecor.png) repeat-x, url(https://s25.postimg.cc/elgox5pyn/Curtain_Background.png) repeat-x;
background-position: calc(50% - 380px) 100%, calc(50% - 380px) -40px;
background-size: 760px 110px, 760px 100%;
border: 0px;
padding: 0px;
}
#column_1 .custom_panel:nth-of-type(1) .spoiler-hidden {
position: absolute;
top: 0px;
left: 0px;
transition: 0.8s;
-webkit-transition: 0.8s;
-moz-transition: 0.8s;
-o-transition: 0.8s;
}
#column_1 .custom_panel:nth-of-type(1) .spoiler-revealed {
position: absolute;
top: -100%;
left: 0px;
transition: 0.8s;
-webkit-transition: 0.8s;
-moz-transition: 0.8s;
-o-transition: 0.8s;
}
#column_1 .custom_panel:nth-of-type(1) .spoiler-hidden .spoiler-title{
position: absolute;
top: calc(50% - 125px);
left: calc(50% - 125px);
}
#column_1 .custom_panel:nth-of-type(1) .spoiler-revealed .spoiler-title{
position: absolute;
top: calc(200% - 303px);
left: calc(100% - 223px);
transform: scale(0.5);
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-o-transform: scale(0.5);
}
#column_1 .custom_panel:nth-of-type(1) .spoiler-title {
transition: 0.8s;
-webkit-transition: 0.8s;
-moz-transition: 0.8s;
-o-transition: 0.8s;
}
#column_1 .custom_panel:nth-of-type(1) .spoiler-title:before {
content: '';
z-index: 9999;
position: absolute;
top: calc(50% - 35px);
left: calc(50% - 35px);
height: 70px;
width: 70px;
background: url(https://s25.postimg.cc/m556lgtrj/flameblue.png) center no-repeat;
animation: ButtonRotator2 10s linear infinite;
-webkit-animation: ButtonRotator2 10s linear infinite;
-moz-animation: ButtonRotator2 10s linear infinite;
-o-animation: ButtonRotator2 10s linear infinite;
}
#column_1 .custom_panel:nth-of-type(1) .spoiler-title:after {
content: '';
z-index: 9999;
position: absolute;
top: calc(50% - 35px);
left: calc(50% - 35px);
height: 70px;
width: 70px;
background: url(https://s25.postimg.cc/onqvm5fhr/flameorange.png) center no-repeat;
animation: ButtonRotator 10s linear infinite;
-webkit-animation: ButtonRotator 10s linear infinite;
-moz-animation: ButtonRotator 10s linear infinite;
-o-animation: ButtonRotator 10s linear infinite;
}
#column_1 .custom_panel:nth-of-type(1) button {
z-index: 9998;
height: 250px;
width: 250px;
border: 0px;
border-radius: 50%;
background: url(https://i.ibb.co/M1pvS5S/Button2.png);
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
outline: 0;
}
#column_1 .custom_panel:nth-of-type(1) button:hover {
transform: scale(0.95);
-webkit-transform: scale(0.95);
-moz-transform: scale(0.95);
-o-transform: scale(0.95);
opacity: 1;
}
#column_1 .custom_panel:nth-of-type(1) button span {
display: none;
}

@keyframes ButtonRotator {
0% {transform: rotate(0deg) translateX(160px) rotate(0deg);}
100% {transform: rotate(-360deg) translateX(160px) rotate(360deg);}
}
@keyframes ButtonRotator2 {
0% {transform: rotate(180deg) translateX(160px) rotate(180deg);}
100% {transform: rotate(-180deg) translateX(160px) rotate(540deg);}
}
@-webkit-keyframes ButtonRotator {
0% {-webkit-transform: rotate(0deg) translateX(160px) rotate(0deg);}
100% {-webkit-transform: rotate(-360deg) translateX(160px) rotate(360deg);}
}
@-webkit-keyframes ButtonRotator2 {
0% {-webkit-transform: rotate(180deg) translateX(160px) rotate(180deg);}
100% {-webkit-transform: rotate(-180deg) translateX(160px) rotate(540deg);}
}
@-moz-keyframes ButtonRotator {
0% {-moz-transform: rotate(0deg) translateX(160px) rotate(0deg);}
100% {-moz-transform: rotate(-360deg) translateX(160px) rotate(360deg);}
}
@-moz-keyframes ButtonRotator2 {
0% {-moz-transform: rotate(180deg) translateX(160px) rotate(180deg);}
100% {-moz-transform: rotate(-180deg) translateX(160px) rotate(540deg);}
}
@-o-keyframes ButtonRotator {
0% {-o-transform: rotate(0deg) translateX(160px) rotate(0deg);}
100% {-o-transform: rotate(-360deg) translateX(160px) rotate(360deg);}
}
@-o-keyframes ButtonRotator2 {
0% {-o-transform: rotate(180deg) translateX(160px) rotate(180deg);}
100% {-o-transform: rotate(-180deg) translateX(160px) rotate(540deg);}
}
.avatar_decoration {
opacity: 0.5;
transition: 0.3s all;
}
.avatar_decoration:hover {
opacity: 1;
}