Pro for Anngelinaa

/* Graphics by Cassiel Socks, Code by AlthIndor */

html, body {background: repeating-linear-gradient(to right, #FFD088 0px, #FFD088 30px, #FFE8B0 30px, #FFE8B0 60px);}
body {cursor: url('https://i.imgur.com/ASpeBop.png'), default !important;}
body a {text-decoration: none !important;}

html {
 --dark-color: #480A12;
 --pink-color: #FFC0C0;
 --bars-color: #94E060;
}

/* Fonts */

@font-face {
 font-family: 'Lora';
 font-style: normal;
 font-weight: 400;
 src: local('Lora Regular'), local('Lora-Regular'), url(https://fonts.gstatic.com/s/lora/v14/0QIvMX1D_JOuMwr7Iw.woff2) format('woff2');
}

@font-face {
 font-family: 'Lora';
 font-style: normal;
 font-weight: 700;
 src: local('Lora Bold'), local('Lora-Bold'), url(https://fonts.gstatic.com/s/lora/v14/0QIgMX1D_JOuO7HeNtxumg.woff2) format('woff2');
}

@font-face {
 font-family: 'Lobster Two';
 font-style: normal;
 font-weight: 400;
 src: local('Lobster Two'), local('LobsterTwo'), url(https://fonts.gstatic.com/s/lobstertwo/v12/BngMUXZGTXPUvIoyV6yN5-fN5qU.woff2) format('woff2');
}

@font-face {
 font-family: 'Lobster Two';
 font-style: normal;
 font-weight: 700;
 src: local('Lobster Two Bold'), local('LobsterTwo-Bold'), url(https://fonts.gstatic.com/s/lobstertwo/v12/BngRUXZGTXPUvIoyV6yN5-92w7CGwR0.woff2) format('woff2');
}

/* Header */

#viewer #gaia_header {
 background: var(--dark-color);
 height: 28px !important;
 box-shadow: 0 2px #00000020;
}

#gaia_header #header_left, #gaia_header #header_right {
 background: none !important;
 font: 0/27px 'Lobster Two', cursive !important;
 padding: 0 5px !important;
 box-sizing: border-box;
}
#gaia_header #header_right {float: right;}
#gaia_header .spacer {display: none !important;}

#header_left img {
 background: #FFFFFF;
 width: 0;
 height: 16px;
 padding: 0 37px 0 0;
 margin: 0 -1px 0 0 !important;
 mask-image: url('https://i.imgur.com/5FTB40o.png');
 -webkit-mask-image: url('https://i.imgur.com/5FTB40o.png');
 transition: background .5s ease-in-out;
}
#header_left img:hover {background: var(--pink-color);}

#gaia_header a {
 color: #FFFFFF !important;
 font-size: 12px !important;
 transition: color .5s ease-in-out;
}
#gaia_header a:hover {color: var(--pink-color) !important;}

#header_left li:nth-of-type(n+3)::before, #header_right li:nth-last-of-type(n+2)::after {
 content: '●';
 font: 12px/0px 'Lora', serif !important;
 margin: 0 6px;
 position: relative;
 top: -1px;
 opacity: .7;
}

/* Columns */

#columns, #column_1, #column_2, #column_3 {
 display: block;
 float: none;
 margin: 0;
 position: absolute;
 box-sizing: border-box;
 overflow: visible;
}

#columns {
 background: url('https://images2.imgbox.com/97/47/31gJ3bv1_o.png') #FFFFFF left / 410px auto;
 width: 900px;
 height: 580px;
 top: calc(50% - 290px + 10px);
 left: calc(50% - 450px);
 border: 10px solid #480A12;
 border-radius: 80px;
 transform: translateZ(0);
}

#columns::before {
 content: url('https://images2.imgbox.com/af/18/HkSLrsft_o.png');
 position: absolute;
 top: -60px;
 left: -120px;
 transform-origin: top left;
 transform: scale(.5);
}

@media screen and (max-height: 760px) {
 body {min-height: 760px;}
 #columns {top: 100px;}
}

#column_1, #column_2, #column_3 {
 width: 1px;
 height: 1px;
 top: 0;
 left: 0;
}

#columns ::-webkit-scrollbar {
 background: #FFFFFF;
 width: 8px;
}

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

/* Panels */

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

.panel {
 background: rgba(255,232,192,.8);
 color: var(--dark-color);
 font: 11px/1.7 'Lora', serif;
 text-align: justify;
 position: absolute;
 border: 10px solid transparent;
 box-shadow: 0 2px #00000020;
 overflow: hidden;
}

.panel a {
 color: #FF4000;
 transition: color .5s ease-in-out;
}
.panel a:hover {color: inherit;}

.panel h2 {
 background: rgba(72,10,18,.8);
 height: 40px;
 color: #FFFFFF;
 font: 400 30px/40px 'Lobster Two', cursive;
 text-align: center;
 text-transform: capitalize;
 position: fixed;
 border-radius: 10px 10px 0 0;
}

#id_about, #id_footprints {
 padding-right: 10px;
 top: 70px;
 border-radius: 0 0 10px 10px;
 scrollbar-color: var(--bars-color) #FFFFFF;
 scrollbar-width: thin;
}
#id_about h2, #id_footprints h2 {top: 30px;}

#id_about {
 height: 460px;
 overflow-y: scroll;
}
#id_about img {max-width: 100% !important;}

#id_about, #id_about h2 {left: 180px;}
#id_footprints, #id_footprints h2, .media_panel {left: 530px;}
#id_footprints, .media_panel {height: 220px !important;}
#id_footprints {overflow-y: auto;}

.media_panel {
 top: 310px;
 border-radius: 10px;
}
.media_panel h2 {display: none;}

/* Media */

.media_panel iframe {
 width: 100%;
 height: 100%;
}

/* Sun */

@keyframes SunRotate {
 0% {transform: rotate(0deg) translate(-500px, -500px);}
 100% {transform: rotate(360deg) translate(-500px, -500px);}
}

body::before {
 content: url('https://images2.imgbox.com/dc/08/MmCDJrov_o.png');
 position: fixed;
 bottom: -200px;
 right: 30%;
 transform-origin: bottom right;
 animation: SunRotate 40s -35s linear infinite;
}

@media screen and (max-width: 1400px) {

  @keyframes SunRotate {
    0% {transform: rotate(0deg) translate(-400px, -400px);}
    100% {transform: rotate(360deg) translate(-400px, -400px);}
  }

}