pro-standard credit blinkgone 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 {
src: url(https://dl.dropbox.com/s/ktlx5w7t8gk42nb/SakeMoru-Regular.ttf);
font-family: SakeMoru;
}
@font-face {
src: url(https://dl.dropbox.com/s/pvxh5hqzpnhbzxe/Angelface%202.otf);
font-family: angelface;
}
@font-face {
font-family: PC98;
src: url(https://dl.dropbox.com/s/q6te1rmeglfy4bf/pc-9800.ttf);
}
#container01, #container02 {
animation-name: floating;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes floating {
0% { transform: translate(0, 0px); }
50% { transform: translate(0, 15px); }
100% { transform: translate(0, -0px); }
}
#text02 {
color: #000000;
animation: blinkingText 1.2s infinite;
margin: auto;
}
@keyframes blinkingText {
0% {
color: #000000;
}
49% {
color: #000000;
}
60% {
color: white;
}
99% {
color: white;
}
100% {
color: #000000;
}
}
#container02 > .wrapper {
width: 135px;
height: 135px;
box-shadow: inset 0 7px 9px -0px white, inset 7px 0 7px -7px gray, inset -7px 0 7px -7px gray, inset 0 -7px 7px -7px gray;
border-radius: 100%;
filter: drop-shadow(0px 0px 3px white);
z-index: 999;
position: absolute;
left: -1em;
bottom: 5em;
}
#container01 > .wrapper {
width: 85px;
height: 125px;
box-shadow: inset 0 7px 5px -7px white, inset 7px 0 5px -7px gray, inset -7px 0 5px -7px gray, inset 0 -7px 5px -7px gray;
position: absolute;
left: 0.5em;
bottom: -2em;
}
#container03 > .wrapper {
width: 500px;
height: 40px;
box-shadow: inset 0 7px 9px -0px white, inset 7px 0 7px -7px gray, inset -7px 0 7px -7px gray, inset 0 -7px 7px -7px gray;
border-radius: 100%;
filter: drop-shadow(0px 0px 3px white);
z-index: 999;
position: absolute;
left: 0em;
bottom: -16em;
}
#container04 > .wrapper {
width: 225px;
height: 225px;
box-shadow: inset 0 7px 9px -0px white, inset 7px 0 7px -7px gray, inset -7px 0 7px -7px gray, inset 0 -7px 7px -7px gray;
border-radius: 100%;
filter: drop-shadow(0px 0px 3px white);
z-index: 999;
position: absolute;
left: 14em;
bottom: -2em;
}
#container05 > .wrapper {
width: 100px;
height: 100px;
box-shadow: inset 0 7px 9px -0px white, inset 7px 0 7px -7px gray, inset -7px 0 7px -7px gray, inset 0 -7px 7px -7px gray;
border-radius: 100%;
filter: drop-shadow(0px 0px 3px white);
z-index: 9999;
position: absolute;
left: 7.5em;
bottom: 0em;
}
#container06 > .wrapper {
width: 150px;
height: 150px;
box-shadow: inset 0 7px 9px -0px white, inset 7px 0 7px -7px gray, inset -7px 0 7px -7px gray, inset 0 -7px 7px -7px gray;
border-radius: 100%;
filter: drop-shadow(0px 0px 3px white);
z-index: 99999;
position: absolute;
left: 7.5em;
bottom: -10em;
}
#container07 > .wrapper {
width: 125px;
height: 125px;
box-shadow: inset 0 7px 9px -0px white, inset 7px 0 7px -7px gray, inset -7px 0 7px -7px gray, inset 0 -7px 7px -7px gray;
border-radius: 100%;
filter: drop-shadow(0px 0px 3px white);
z-index: 999999;
position: absolute;
left: 17.5em;
bottom: -10.5em;
}
#text01 {
font-family: SakeMoru;
}
#text02 {
font-family: PC98;
}
#text03, #text05, #text07 {
font-family: PC98;
background: white;
border-radius: 50%;
overflow: auto;
height: 170px;
padding: 15px;
border: 1px solid black;
}
#text04, #text06, #text08 {
font-family: PC98;
background: white;
border-radius: 50%;
overflow: auto;
height: 110px;
padding: 15px;
border: 1px solid black;
}
mark {
font-family: angelface;
font-size: 3em;
line-height: 0.75em;
}
@media only screen and (max-width: 600px) {
#container07 > .wrapper {
width: 100px;
height: 100px;
bottom: -10em;
}
}
@media only screen and (max-width: 600px) {
#container06 > .wrapper {
width: 125px;
height: 125px;
}
}
@media only screen and (max-width: 600px) {
#container05 > .wrapper {
width: 75px;
height: 75px;
left: 8.5em;
}
}
@media only screen and (max-width: 600px) {
#container04 > .wrapper {
width: 200px;
height: 200px;
}
}
@media only screen and (max-width: 600px) {
#text03, #text05, #text07 {
height: 150px;
}
}
@media only screen and (max-width: 600px) {
#text04, #text06, #text08 {
height: 90px;
}
}
@media only screen and (max-width: 600px) {
#container03 > .wrapper {
bottom: -17em;
}
}
@media only screen and (max-width: 600px) {
#container02 > .wrapper {
width: 110px;
height: 110px;
left: -0.5em;
}
}
#container08 > .wrapper {
width: 225px;
height: 225px;
box-shadow: inset 0 7px 9px -0px white, inset 7px 0 7px -7px gray, inset -7px 0 7px -7px gray, inset 0 -7px 7px -7px gray;
border-radius: 100%;
filter: drop-shadow(0px 0px 3px white);
z-index: 999;
position: absolute;
left: 10em;
bottom: 0em;
}
@media only screen and (max-width: 600px) {
#container08 > .wrapper {
width: 200px;
height: 200px;
}
}
#container09 > .wrapper {
width: 100px;
height: 100px;
box-shadow: inset 0 7px 9px -0px white, inset 7px 0 7px -7px gray, inset -7px 0 7px -7px gray, inset 0 -7px 7px -7px gray;
border-radius: 100%;
filter: drop-shadow(0px 0px 3px white);
z-index: 9999;
position: absolute;
left: 7.5em;
bottom: -6em;
}
@media only screen and (max-width: 600px) {
#container09 > .wrapper {
width: 75px;
height: 75px;
left: 8.5em;
}
}
#container10 > .wrapper {
width: 150px;
height: 150px;
box-shadow: inset 0 7px 9px -0px white, inset 7px 0 7px -7px gray, inset -7px 0 7px -7px gray, inset 0 -7px 7px -7px gray;
border-radius: 100%;
filter: drop-shadow(0px 0px 3px white);
z-index: 99999;
position: absolute;
left: 16.5em;
bottom: -10.5em;
}
@media only screen and (max-width: 600px) {
#container10 > .wrapper {
width: 125px;
height: 125px;
}
}
#container11 > .wrapper {
width: 225px;
height: 225px;
box-shadow: inset 0 7px 9px -0px white, inset 7px 0 7px -7px gray, inset -7px 0 7px -7px gray, inset 0 -7px 7px -7px gray;
border-radius: 100%;
filter: drop-shadow(0px 0px 3px white);
z-index: 999;
position: absolute;
left: 14em;
bottom: -2em;
}
@media only screen and (max-width: 600px) {
#container11 > .wrapper {
width: 200px;
height: 200px;
}
}
#container12 > .wrapper {
width: 125px;
height: 125px;
box-shadow: inset 0 7px 9px -0px white, inset 7px 0 7px -7px gray, inset -7px 0 7px -7px gray, inset 0 -7px 7px -7px gray;
border-radius: 100%;
filter: drop-shadow(0px 0px 3px white);
z-index: 999999;
position: absolute;
left: 7.5em;
bottom: -6.5em;
}
@media only screen and (max-width: 600px) {
#container12 > .wrapper {
width: 100px;
height: 100px;
bottom: -7em;
left: 8em;
}
}
#container13 > .wrapper {
width: 150px;
height: 150px;
box-shadow: inset 0 7px 9px -0px white, inset 7px 0 7px -7px gray, inset -7px 0 7px -7px gray, inset 0 -7px 7px -7px gray;
border-radius: 100%;
filter: drop-shadow(0px 0px 3px white);
z-index: 99999;
position: absolute;
left: 16.5em;
bottom: -12.75em;
}
@media only screen and (max-width: 600px) {
#container13 > .wrapper {
width: 125px;
height: 125px;
}
}
</style>