cr ikisschris pro-standard codes

<style>
html {
overflow: scroll;
overflow-x: hidden;
}
::-webkit-scrollbar {
width: 0; /* remove scrollbar space */
background: transparent; /* to make scrollbar invisible */
}
::-webkit-scrollbar-thumb {
background: transparent;
}
@font-face {
font-family: Hugh Is Life;
src: url(https://dl.dropbox.com/s/bki6gilknxxouuk/HughIsLifePersonalUseItalic-K7axe.ttf);
}
@font-face {
font-family: pixel;
src: url(https://dl.dropbox.com/s/kmhe7d3n18vdz5e/w95fa.woff?dl=0);
}
@keyframes floating {
0% { transform: translate(0, 0px); }
50% { transform: translate(0, 15px); }
100% { transform: translate(0, -0px); }
}
#buttons01 li a, #buttons02 li a, #buttons03 li a {
border: 1px solid white;
font-family: pixel;
}
#container03 > .wrapper {
width: 11.5em;
position: absolute;
z-index: 9;
top: -21em;
left: 1em;
animation-name: floating;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@media only screen and (max-width: 600px) {
#container03 > .wrapper {
left: 1.5em;
} }
#container04 > .wrapper {
width: 11.5em;
position: absolute;
z-index: 9;
top: -19.25em;
left: 1em;
animation-name: floating;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out; }
#text01 {
font-family: pixel; }
#text01 mark {
font-family: Hugh Is Life;
color: #F9BD02;
filter: drop-shadow(1px 0px 2px black);
font-size: 2.5em; }
@media only screen and (max-width: 600px) {
#container04 > .wrapper {
left: 1.5em;
} }
#text01 a {
text-decoration-style: dotted; }
#container05 > .wrapper, #container06 > .wrapper, #container07 > .wrapper {
width: 12.5em;
position: absolute;
z-index: 9;
top: -18.25em;
left: 14em;
overflow-y: scroll;
height: 15em;
box-shadow: inset 10px 0 7px -9px black, inset -10px 0 7px -9px black; }
@media only screen and (max-width: 600px) {
#container05 > .wrapper, #container06 > .wrapper, #container07 > .wrapper {
left: 15.5em;
} }
#text02 , #text04, #text06, #text09 {
font-family: Hugh Is Life;
color: #F9BD02;
filter: drop-shadow(1px 1px 0px black); }
#text03, #text05, #text07, #text08, #text10, #text11 {
font-family: pixel;
background: #FFF796;
border-radius: 5px 5px 5px 5px;
padding: 3px; }
#text11 mark {
border-radius: 90%;
background: #FFFFFF80; }
#text10 mark {
border-radius: 90%;
background: #FFFFFF80; }
#text08 mark {
border-radius: 90%;
background: #FFFFFF80; }
#text07 mark {
border-radius: 90%;
background: #FFFFFF80; }
</style>
<style type="text/css">* {cursor: url(https://cur.cursors-4u.net/symbols/sym-6/sym599.cur), auto !important;}</style>