pro-standard cr earthmxver codes

<style>
::-webkit-scrollbar {
width: 16px
}
::-webkit-scrollbar-corner {
background: #eee
}

::-webkit-scrollbar-track:vertical {
background: linear-gradient(90deg, #e5e5e5, #f0f0f0 20%);
}

::-webkit-scrollbar-thumb {
border: 1.5px solid #888;
border-radius: 3px;
box-shadow: inset 0 -1px 1px #fff, inset 0 1px 1px #fff;
background-color: #eee;
}
::-webkit-scrollbar-thumb:vertical {
background: url("https://dl.dropbox.com/s/9a29qbkza3gmgl7/scroll1.png"), linear-gradient(90deg, #eee 45%, #ddd 0, #bbb);
background-repeat: no-repeat;
background-size: 65% auto, cover;
background-position: center;
}

::-webkit-scrollbar-button:vertical:end:increment,
::-webkit-scrollbar-button:vertical:start:decrement {
display: block
}

::-webkit-scrollbar-button:vertical {
height: 15px
}
::-webkit-scrollbar-button:vertical:start:decrement {
background: white;
background: url("https://dl.dropbox.com/s/n9ji42h9hdgdtpc/scroll3.png"), linear-gradient(90deg, #e5e5e5, #f0f0f0 20%);
background-repeat: no-repeat;
background-position: center;
-moz-background-size: 100% auto, cover;
-webkit-background-size: 100% auto, cover;
-o-background-size: 100% auto, cover;
background-size: 100% auto, cover;
background-position: center;
border-radius: 0 3px 0 0;
}

::-webkit-scrollbar-button:vertical:start:increment {
display: none;
}
::-webkit-scrollbar-button:vertical:end:decrement {
display: none;
}

::-webkit-scrollbar-button:vertical:end:increment {
background: white;
background: url("https://dl.dropbox.com/s/cdcco6pih7n1lae/scroll4.png"), linear-gradient(90deg, #e5e5e5, #f0f0f0 20%);
background-repeat: no-repeat;
background-position: center;
-moz-background-size: 100% auto, cover;
-webkit-background-size: 100% auto, cover;
-o-background-size: 100% auto, cover;
background-size: 100% auto, cover;
background-position: center;
border-radius: 0 0 3px 0;
}
@font-face {
font-family: alstoria;
src: url(https://dl.dropbox.com/s/8mxmroywtsttuc0/Alstoria%20Demo.ttf?);
}
@font-face {
font-family: windows;
src: url(https://dl.dropbox.com/s/cn0l1yjacta4whv/W95FA.otf);
}
#container02 > .wrapper {
box-shadow: inset 1px 1px #fff, inset -1px -0px #fff;
}
#text01 {
font-family: windows;
background: white;
border: 2px inset;
border-radius: 3px;
padding: 5px;
overflow-y: auto;
height: 13em;
}
mark {
font-size: 120%;
font-family: alstoria;
color: white;
border: 2px outset;
padding: 1.5px;
}
#image01 .frame {
border: 3px inset;
}
#container03 > .wrapper, #container07 > .wrapper {
position: absolute;
z-index: 9;
top: -23em;
left: 0em;
}
#container04 > .wrapper, #container08 > .wrapper {
box-shadow: inset 1px 1px #fff, inset -1px -0px #fff;
position: absolute;
z-index: 9;
top: -20.4em;
left: 0em;
}
#container05 > .wrapper, #container09 > .wrapper {
position: absolute;
z-index: 98;
top: -13em;
left: 14em;
}
#container06 > .wrapper, #container10 > .wrapper {
box-shadow: inset 1px 1px #fff, inset -1px -0px #fff;
position: absolute;
z-index: 98;
top: -10.4em;
left: 14em;
}
#text02, #text03, #text04, #text05 {
font-family: windows;
background: white;
border: 2px inset;
border-radius: 3px;
padding: 5px;
overflow-y: auto;
height: 7em;
}
@media only screen and (max-width: 600px) {
#container06, #container10, #container04, #container08 {
top: 0.1em;
}
}
</style>