body {
    background-image: url("proxy-image.gif");
    overflow: hidden;
}

.world {
    font-size: 75px;
    font-family: "Cooper Black", serif;
    position: absolute;
    top: 0%;
    left: 35%;
    font-weight: bold;
    text-shadow: 3px 3px red;
    animation: world 2s infinite alternate;
}

@keyframes world {
  0%   { color: red;    text-shadow: 3px 3px violet; }
  20%  { color: orange; text-shadow: 3px 3px blue; }
  40%  { color: yellow; text-shadow: 3px 3px green; }
  60%  { color: green;  text-shadow: 3px 3px yellow; }
  80%  { color: blue;   text-shadow: 3px 3px orange; }
  100% { color: violet; text-shadow: 3px 3px red; }
}

.hey {
    color: yellow;
    font-weight: bold;
    font-size: 35px;
    font-family: "Comic Sans MS", cursive, sans-serif;
}

.bey {
    color: yellow;
    font-weight: bold;
    font-size: 35px;
    font-family: "Comic Sans MS", cursive, sans-serif;
    position: absolute;
    top: 96%;
    left: 0%;
}

.links {
    color: white;
    font-weight: bold;
    font-family: "Comic Sans MS", cursive, sans-serif;
    font-size: 33px;
    margin-left: 12%;
    position: absolute;
    top: 24%;
}
.link1 {
    color: aqua;
    font-weight: bold;
    font-family:"Comic Sans MS", cursive, sans-serif;
    font-size: 33px;
    margin-left: 12%;
    text-decoration: underline;
    position: absolute;
    top: 30%;
}

.link2 {
    position: absolute;
    top: 35%;
    font-family:"Comic Sans MS", cursive, sans-serif;
    margin-left: 12%;
    color: aqua;
    font-weight: bold;
    font-size: 33px;
    text-decoration: underline;
}

.link3 {
    position: absolute;
    top: 40%;
    font-family:"Comic Sans MS", cursive, sans-serif;
    margin-left: 12%;
    color: aqua;
    font-weight: bold;
    font-size: 33px;
    text-decoration: underline;
}

.link4 {
    position: absolute;
    top: 45%;
    font-family:"Comic Sans MS", cursive, sans-serif;
    left: 17%;
    font-size: 33px;
    color: aqua;
    font-weight: bold;
    text-decoration: underline;
}

.fish {
    position: absolute;
    top: 43%;
    left: 8%;
}

.fish-spin {
    position: absolute;
    top: 23%;
    right: 7%;
}

.pablo {
    position: absolute;
    top: 10%;
    left: 15%;
    animation: pablo 0.6s alternate infinite;
}

@keyframes pablo {
    0% { opacity: 0;}
    100% { opacity: 0.9;}    
}

.soskolin {
    position: absolute;
    top: 70%;
    left: 5%;
    animation: soskolin 1.3s alternate infinite;
}

@keyframes soskolin {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

.huh {
    position: absolute;
    top: 80%;
    left: 21%;
    color: yellow;
    font-weight: bold;
    font-family: "Cooper Black", serif;
    font-size: 23px;
}

.ig {
    position: absolute;
    top: 83%;
    left: 22%;
    color: greenyellow;
    font-weight: bold;
    font-size: 34px;
    font-family:"Comic Sans MS", cursive, sans-serif;
    text-decoration: underline;
}

.hand {
    position: absolute;
    top: 86%;
    left: 36%;
    z-index: 10;
}

.goon {
    position: absolute;
    top: 47%;
    color: aquamarine;
    font-size: 30px;
    font-weight: bold;
    animation: goon 2s alternate infinite;
}

@keyframes goon {
    0% { left: 60%; }
    100% { left: 68%; }
}

.dragoon {
    position: absolute;
    top: 41%;
    left: 27%;
}

.dico {
    position: absolute;
    top: 21%;
    left: 50%;
}

.bob {
    position: absolute;
    animation: bob 8s linear infinite;
    z-index: 10;
}

@keyframes bob {
    0% { top: 169%; left: 50%; }
    100% { top: -64%; left: 65%; }
}

.chong {
    position: absolute;
    top: 8%;
    left: 77%;
}

.hora {
    position: absolute;
    top: 64%;
    left: 67%;
    animation: hora 0.2s ease-in-out alternate infinite;
}

@keyframes hora {
  from { transform: scaleX(0.2); }
  to   { transform: scaleX(1); }
}

.button {
    position: absolute;
    top: 27%;
    left: 31%;
    background-color: darkcyan;
    font-size: 35px;
    font-family:"Comic Sans MS", cursive, sans-serif;
    border-radius: 50%;
    animation: round 1s linear infinite;
}

.button:active {
    background-color: rgb(255, 0, 200);
}

.pog-count {
    position: absolute;
    top: 29%;
    left: 0%;
    font-size: 34px;
    font-weight: bold;
    color: yellow;
    font-family:"Comic Sans MS", cursive, sans-serif;
    transform: rotate(90deg);
}

.siren {
    position: absolute;
    top: 76%;
    left: 23%;
}

.pinky {
    position: absolute;
    top: 62%;
    left: 46%;
}

.jumpy {
    position: absolute;
    top: 15%;
    left: 93%;
    transform: scaleX(4) scaleY(1.6);
}

.rbw {
    animation: rbw 2s alternate infinite;
}

@keyframes rbw {
  0%   { color: red; }
  20%  { color: orange; }
  40%  { color: yellow; }
  60%  { color: green; }
  80%  { color: blue; }
  100% { color: violet; }
}

@keyframes round {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(-360deg);}
}

.down {
    position: absolute;
    top: 48%;
    left: 47%;
    transform: rotate3d(1, 2, 3, -35deg);
}

.ger {
    color: rgb(221, 138, 152);
    font-family:"Comic Sans MS", cursive, sans-serif;
    position: absolute;
    top: 68%;
    left: 91%;
    font-size: 33px;
    font-weight: bold;
    transform: rotate(90deg);
    text-decoration: underline;
}