@charset "UTF-8";

.main {
  z-index:4;
  visibility:visible;
  overflow-x:hidden;
  position:fixed;
  left:33%;
  bottom:0;
  width:384px;
  height:360px;
  background-image:url(https://img.mfcimg.com/photos2/876/8764490/379-406-825-709-11041663.png);
  background-repeat:no-repeat;
  background-position:center;
  background-size:100%;
  color:white;
  text-align:center;
  filter:drop-shadow(0px 0px 30px #000);
}

.scoreBoard {
  counter-reset:score;
  color:#000000;
  z-index:5;
  visibility:visible;
  position:fixed;
  right:10px;
  bottom:100px;
}

#profile_header,#profile_header_container,#username_value,#username_label,#gender_value,#gender_label,#sexual_preference_value,#sexual_preference_label,#avatar_holder,.recent_photos,.header_links,.footer_links {
  color:transparent;
  background-color:transparent;
  visibility:hidden;
}

a:link,a:active,a:hover {
  color:#;
}

a:visited {
  color:#;
}

.back {
  visibility:visible;
  position:fixed;
  z-index:1;
  left:-50px;
  top:-50px;
  width:150%;
  height:150%;
  opacity:.3;
  background-image:url(https://img.mfcimg.com/photos2/876/8764490/478-397-752-856-11062247.png);
  background-repeat:repeat;
  -webkit-animation:back 20s infinite;
  -webkit-animation-timing-function:linear;
  animation:back 20s infinite;
  animation-timing-function:linear;
}

body {
  visibility:hidden;
  color:#000000;
  font-family:'Verdana';
  font-weight:normal;
  font-style:normal;
  font-size:12px;
  overflow:hidden;
  -webkit-animation:body 30s infinite;
  -webkit-animation-timing-function:ease-in-ease-out;
  animation:body 30s infinite;
  animation-timing-function:ease-in-ease-out;
}

.profile_section_content {
  visibility:hidden;
  color:#666666;
  border:px #;
  padding:5px;
  margin:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 0 0 #777777;
  -moz-box-shadow:0 0 0 #777777;
  box-shadow:0 0 0 #777777;
  overflow:hidden;
}

.profile_section_background {
  background-color:transparent;
  background-color:#FFFFFF;
  filter:alpha(opacity=100);
  opacity:1;
  overflow:hidden;
}

.img_radius_shadow {
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  -webkit-box-shadow:0 0 0 #777777;
  -moz-box-shadow:0 0 0 #777777;
  box-shadow:0 0 0 #777777;
}

.profile_section_content .heading {
  padding:5px;
  background-color:#BCEC76;
  color:#FFFFFF;
  font-family:'Verdana';
  font-weight:normal;
  font-style:normal;
  font-size:14px;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  -webkit-box-shadow:0 0 0 #777777;
  -moz-box-shadow:0 0 0 #777777;
  box-shadow:0 0 0 #777777;
  -webkit-text-shadow:0 0 0 #777777;
  -moz-text-shadow:0 0 0 #777777;
  text-shadow:0 0 0 #777777;
  overflow:hidden;
}

.content {
  padding:5px;
  overflow:hidden;
}

.my_mfc_news_feed {
  width:100%;
  height:330px;
}

.bubble {
  opacity:.4;
  z-index:3;
  visibility:visible;
  background-image:url(https://img.mfcimg.com/photos2/876/8764490/790-814-287-108-11041540.png);
  background-repeat:no-repeat;
  background-position:center;
  background-size:102%;
  position:fixed;
  left:0;
  top:100%;
  width:340px;
  height:340px;
  border-radius:170px;
}

.main:hover:before {
  content:"I will destroy you.";
}

#b1:hover,#b2:hover,#b3:hover,#b4:hover,#b5:hover,#b6:hover,#b7:hover,#b8:hover,#b9:hover,#b10:hover,#b11:hover,#b12:hover,#b13:hover,#b14:hover,#b15:hover,#b16:hover {
  -webkit-animation:bubbleanimatehover .1s infinite;
  -webkit-animation-timing-function:ease-in-ease-out;
  animation:bubbleanimatehover .1s infinite;
  animation-timing-function:ease-in-ease-out;
}

#b1 {
  -webkit-animation:bubble1 20s infinite;
  -webkit-animation-timing-function:ease-in-ease-out;
  animation:bubble1 20s infinite;
  animation-timing-function:ease-in-ease-out;
}

#b2 {
  z-index:5;
  width:170px;
  height:170px;
  -webkit-animation:bubble2 21s infinite;
  -webkit-animation-timing-function:ease-in-ease-out;
  animation:bubble2 21s infinite;
  animation-timing-function:ease-in-ease-out;
}

#b3 {
  width:100px;
  height:100px;
  -webkit-animation:bubble3 22s infinite;
  -webkit-animation-timing-function:ease-in-ease-out;
  animation:bubble3 22s infinite;
  animation-timing-function:ease-in-ease-out;
}

#b4 {
  width:70px;
  height:70px;
  -webkit-animation:bubble4 23s infinite;
  -webkit-animation-timing-function:ease-in-ease-out;
  animation:bubble4 23s infinite;
  animation-timing-function:ease-in-ease-out;
}

#b5 {
  z-index:5;
  width:200px;
  height:200px;
  -webkit-animation:bubble5 24s infinite;
  -webkit-animation-timing-function:ease-in-ease-out;
  animation:bubble5 24s infinite;
  animation-timing-function:ease-in-ease-out;
}

#b6 {
  width:250px;
  height:250px;
  -webkit-animation:bubble6 25s infinite;
  -webkit-animation-timing-function:ease-in-ease-out;
  animation:bubble6 25s infinite;
  animation-timing-function:ease-in-ease-out;
}

#b7 {
  z-index:5;
  width:80px;
  height:80px;
  -webkit-animation:bubble7 26s infinite;
  -webkit-animation-timing-function:ease-in-ease-out;
  animation:bubble7 26s infinite;
  animation-timing-function:ease-in-ease-out;
}

#b8 {
  width:160px;
  height:160px;
  -webkit-animation:bubble8 27s infinite;
  -webkit-animation-timing-function:ease-in-ease-out;
  animation:bubble8 27s infinite;
  animation-timing-function:ease-in-ease-out;
}

#b9 {
  width:190px;
  height:190px;
  -webkit-animation:bubble9 27s infinite;
  -webkit-animation-timing-function:ease-in-ease-out;
  -webkit-animation-delay:4s;
  animation:bubble9 27s infinite;
  animation-timing-function:ease-in-ease-out;
  animation-delay:4s;
}

#b10 {
  z-index:5;
  width:230px;
  height:230px;
  -webkit-animation:bubble10 25s infinite;
  -webkit-animation-timing-function:ease-in-ease-out;
  -webkit-animation-delay:5s;
  animation:bubble10 25s infinite;
  animation-timing-function:ease-in-ease-out;
  animation-delay:5s;
}

#b11 {
  width:310px;
  height:310px;
  -webkit-animation:bubble11 24s infinite;
  -webkit-animation-timing-function:ease-in-ease-out;
  -webkit-animation-delay:6s;
  animation:bubble11 24s infinite;
  animation-timing-function:ease-in-ease-out;
  animation-delay:6s;
}

#b12 {
  z-index:5;
  width:260px;
  height:260px;
  -webkit-animation:bubble12 23s infinite;
  -webkit-animation-timing-function:ease-in-ease-out;
  -webkit-animation-delay:7s;
  animation:bubble12 23s infinite;
  animation-timing-function:ease-in-ease-out;
  animation-delay:7s;
}

#b13 {
  width:110px;
  height:110px;
  -webkit-animation:bubble13 22s infinite;
  -webkit-animation-timing-function:ease-in-ease-out;
  -webkit-animation-delay:8s;
  animation:bubble13 22s infinite;
  animation-timing-function:ease-in-ease-out;
  animation-delay:8s;
}

#b14 {
  width:64px;
  height:64px;
  -webkit-animation:bubble14 25s infinite;
  -webkit-animation-timing-function:ease-in-ease-out;
  -webkit-animation-delay:5s;
  animation:bubble14 25s infinite;
  animation-timing-function:ease-in-ease-out;
  animation-delay:5s;
}

#b15 {
  width:140px;
  height:140px;
  -webkit-animation:bubble15 21s infinite;
  -webkit-animation-timing-function:ease-in-ease-out;
  -webkit-animation-delay:9s;
  animation:bubble15 21s infinite;
  animation-timing-function:ease-in-ease-out;
  animation-delay:9s;
}

#b16 {
  width:250px;
  height:250px;
  -webkit-animation:bubble16 20s infinite;
  -webkit-animation-timing-function:ease-in-ease-out;
  -webkit-animation-delay:6s;
  animation:bubble9 20s infinite;
  animation-timing-function:ease-in-ease-out;
  animation-delay:6s;
}

@keyframes bubble1 {
  0% {
    left:100px;
    top:105%;
  }

  10% {
    transform:skew(4deg,3deg);
  }

  20% {
    transform:skew(-4deg,-3deg);
  }

  30% {
    transform:skew(3deg,4deg);
  }

  40% {
    transform:skew(-3deg,-4deg);
  }

  50% {
    transform:skew(4deg,3deg);
  }

  60% {
    transform:skew(-4deg,-3deg);
  }

  70% {
    transform:skew(3deg,4deg);
  }

  80% {
    transform:skew(-3deg,-4deg);
  }

  90% {
    transform:skew(10deg,8deg);
  }

  99% {
    transform:skew(-10deg,-8deg);
  }

  100% {
    left:150px;
    top:-400px;
  }
}

@keyframes bubble2 {
  0% {
    left:200px;
    top:110%;
  }

  25% {
    transform:skew(-5deg,5deg);
  }

  75% {
    transform:skew(5deg,-5deg);
  }

  100% {
    left:300px;
    top:-400px;
  }
}

@keyframes bubble3 {
  0% {
    left:300px;
    top:101%;
  }

  90% {
    transform:rotate(270deg);
  }

  100% {
    left:450px;
    top:-400px;
  }
}

@keyframes bubble4 {
  0% {
    left:400px;
    top:103%;
  }

  1% {
    transform:rotate(270deg);
  }

  90% {
    transform:rotate(40deg);
  }

  100% {
    left:600px;
    top:-400px;
  }
}

@keyframes bubble5 {
  0% {
    left:500px;
    top:109%;
  }

  1% {
    transform:rotate(300deg);
  }

  90% {
    transform:rotate(180deg);
  }

  100% {
    left:750px;
    top:-400px;
  }
}

@keyframes bubble6 {
  0% {
    left:600px;
    top:102%;
  }

  10% {
    transform:scale(.8);
  }

  20% {
    transform:scale(1);
  }

  30% {
    transform:scale(1.2);
  }

  40% {
    transform:scale(.8);
  }

  50% {
    transform:scale(1);
  }

  60% {
    transform:scale(1.2);
  }

  90% {
    transform:scale(1);
  }

  100% {
    left:900px;
    top:-400px;
  }
}

@keyframes bubble7 {
  0% {
    left:700px;
    top:108%;
  }

  10% {
    transform:skew(5deg,3deg);
  }

  20% {
    transform:skew(-5deg,-3deg);
  }

  30% {
    transform:skew(3deg,5deg);
  }

  40% {
    transform:skew(-3deg,-5deg);
  }

  50% {
    transform:skew(5deg,3deg);
  }

  60% {
    transform:skew(-5deg,-3deg);
  }

  70% {
    transform:skew(3deg,5deg);
  }

  80% {
    transform:skew(-3deg,-5deg);
  }

  90% {
    transform:skew(5deg,3deg);
  }

  99% {
    transform:skew(-5deg,-3deg);
  }

  100% {
    left:1050px;
    top:-400px;
  }
}

@keyframes bubble8 {
  0% {
    left:800px;
    top:106%;
  }

  10% {
    transform:skew(5deg,3deg);
  }

  20% {
    transform:skew(-5deg,-3deg);
  }

  30% {
    transform:skew(3deg,5deg);
  }

  40% {
    transform:skew(-3deg,-5deg);
  }

  50% {
    transform:skew(5deg,3deg);
  }

  60% {
    transform:skew(-5deg,-3deg);
  }

  70% {
    transform:skew(3deg,5deg);
  }

  80% {
    transform:skew(-3deg,-5deg);
  }

  90% {
    transform:skew(5deg,3deg);
  }

  99% {
    transform:skew(-5deg,-3deg);
  }

  100% {
    left:1200px;
    top:-400px;
  }
}

@keyframes bubble9 {
  0% {
    left:1000px;
    top:105%;
  }

  10% {
    transform:skew(4deg,3deg);
  }

  20% {
    transform:skew(-4deg,-3deg);
  }

  30% {
    transform:skew(3deg,4deg);
  }

  40% {
    transform:skew(-3deg,-4deg);
  }

  50% {
    transform:skew(4deg,3deg);
  }

  60% {
    transform:skew(-4deg,-3deg);
  }

  70% {
    transform:skew(3deg,4deg);
  }

  80% {
    transform:skew(-3deg,-4deg);
  }

  90% {
    transform:skew(10deg,8deg);
  }

  99% {
    transform:skew(-10deg,-8deg);
  }

  100% {
    left:850px;
    top:-400px;
  }
}

@keyframes bubble10 {
  0% {
    left:900px;
    top:110%;
  }

  25% {
    transform:skew(-5deg,5deg);
  }

  75% {
    transform:skew(5deg,-5deg);
  }

  100% {
    left:750px;
    top:-400px;
  }
}

@keyframes bubble11 {
  0% {
    left:800px;
    top:101%;
  }

  90% {
    transform:rotate(270deg);
  }

  100% {
    left:650px;
    top:-400px;
  }
}

@keyframes bubble12 {
  0% {
    left:700px;
    top:103%;
  }

  1% {
    transform:rotate(270deg);
  }

  90% {
    transform:rotate(40deg);
  }

  100% {
    left:550px;
    top:-400px;
  }
}

@keyframes bubble13 {
  0% {
    left:600px;
    top:109%;
  }

  1% {
    transform:rotate(300deg);
  }

  90% {
    transform:rotate(180deg);
  }

  100% {
    left:450px;
    top:-400px;
  }
}

@keyframes bubble14 {
  0% {
    left:500px;
    top:102%;
  }

  10% {
    transform:scale(.8);
  }

  20% {
    transform:scale(1);
  }

  30% {
    transform:scale(1.2);
  }

  40% {
    transform:scale(.8);
  }

  50% {
    transform:scale(1);
  }

  60% {
    transform:scale(1.2);
  }

  90% {
    transform:scale(1);
  }

  100% {
    left:350px;
    top:-400px;
  }
}

@keyframes bubble15 {
  0% {
    left:400px;
    top:108%;
  }

  10% {
    transform:skew(5deg,3deg);
  }

  20% {
    transform:skew(-5deg,-3deg);
  }

  30% {
    transform:skew(3deg,5deg);
  }

  40% {
    transform:skew(-3deg,-5deg);
  }

  50% {
    transform:skew(5deg,3deg);
  }

  60% {
    transform:skew(-5deg,-3deg);
  }

  70% {
    transform:skew(3deg,5deg);
  }

  80% {
    transform:skew(-3deg,-5deg);
  }

  90% {
    transform:skew(5deg,3deg);
  }

  99% {
    transform:skew(-5deg,-3deg);
  }

  100% {
    left:250px;
    top:-400px;
  }
}

@keyframes bubble16 {
  0% {
    left:300px;
    top:106%;
  }

  10% {
    transform:skew(5deg,3deg);
  }

  20% {
    transform:skew(-5deg,-3deg);
  }

  30% {
    transform:skew(3deg,5deg);
  }

  40% {
    transform:skew(-3deg,-5deg);
  }

  50% {
    transform:skew(5deg,3deg);
  }

  60% {
    transform:skew(-5deg,-3deg);
  }

  70% {
    transform:skew(3deg,5deg);
  }

  80% {
    transform:skew(-3deg,-5deg);
  }

  90% {
    transform:skew(5deg,3deg);
  }

  99% {
    transform:skew(-5deg,-3deg);
  }

  100% {
    left:150px;
    top:-400px;
  }
}

@keyframes bubbleanimatehover {
  0% {
    opacity:0;
  }

  100% {
    opacity:1;
  }
}

@keyframes back {
  0% {
    transform:skew(0deg,0deg);
    background-position:0 0;
  }

  25% {
    transform:skew(3deg,5deg);
  }

  50% {
    transform:skew(0deg,0deg);
  }

  75% {
    transform:skew(-5deg,-3deg);
  }

  100% {
    transform:skew(0deg,0deg);
    background-position:0 -580px;
  }
}

@keyframes body {
  0% {
    background-color:#4A8AFA;
  }

  50% {
    background-color:#AAAAFA;
  }

  100% {
    background-color:#4A8AFA;
  }
}

@-webkit-keyframes bubble1 {
  0% {
    left:100px;
    top:105%;
  }

  10% {
    -webkit-transform:skew(4deg,3deg);
  }

  20% {
    -webkit-transform:skew(-4deg,-3deg);
  }

  30% {
    -webkit-transform:skew(3deg,4deg);
  }

  40% {
    -webkit-transform:skew(-3deg,-4deg);
  }

  50% {
    -webkit-transform:skew(4deg,3deg);
  }

  60% {
    -webkit-transform:skew(-4deg,-3deg);
  }

  70% {
    -webkit-transform:skew(3deg,4deg);
  }

  80% {
    -webkit-transform:skew(-3deg,-4deg);
  }

  90% {
    -webkit-transform:skew(10deg,8deg);
  }

  99% {
    -webkit-transform:skew(-10deg,-8deg);
  }

  100% {
    left:150px;
    top:-400px;
  }
}

@-webkit-keyframes bubble2 {
  0% {
    left:200px;
    top:110%;
  }

  25% {
    -webkit-transform:skew(-5deg,5deg);
  }

  75% {
    -webkit-transform:skew(5deg,-5deg);
  }

  100% {
    left:300px;
    top:-400px;
  }
}

@-webkit-keyframes bubble3 {
  0% {
    left:300px;
    top:101%;
  }

  90% {
    -webkit-transform:rotate(270deg);
  }

  100% {
    left:450px;
    top:-400px;
  }
}

@-webkit-keyframes bubble4 {
  0% {
    left:400px;
    top:103%;
  }

  1% {
    -webkit-transform:rotate(270deg);
  }

  90% {
    -webkit-transform:rotate(40deg);
  }

  100% {
    left:600px;
    top:-400px;
  }
}

@-webkit-keyframes bubble5 {
  0% {
    left:500px;
    top:109%;
  }

  1% {
    -webkit-transform:rotate(300deg);
  }

  90% {
    -webkit-transform:rotate(180deg);
  }

  100% {
    left:750px;
    top:-400px;
  }
}

@-webkit-keyframes bubble6 {
  0% {
    left:600px;
    top:102%;
  }

  10% {
    -webkit-transform:scale(.8);
  }

  20% {
    -webkit-transform:scale(1);
  }

  30% {
    -webkit-transform:scale(1.2);
  }

  40% {
    -webkit-transform:scale(.8);
  }

  50% {
    -webkit-transform:scale(1);
  }

  60% {
    -webkit-transform:scale(1.2);
  }

  90% {
    -webkit-transform:scale(1);
  }

  100% {
    left:900px;
    top:-400px;
  }
}

@-webkit-keyframes bubble7 {
  0% {
    left:700px;
    top:108%;
  }

  10% {
    -webkit-transform:skew(5deg,3deg);
  }

  20% {
    -webkit-transform:skew(-5deg,-3deg);
  }

  30% {
    -webkit-transform:skew(3deg,5deg);
  }

  40% {
    -webkit-transform:skew(-3deg,-5deg);
  }

  50% {
    -webkit-transform:skew(5deg,3deg);
  }

  60% {
    -webkit-transform:skew(-5deg,-3deg);
  }

  70% {
    -webkit-transform:skew(3deg,5deg);
  }

  80% {
    -webkit-transform:skew(-3deg,-5deg);
  }

  90% {
    -webkit-transform:skew(5deg,3deg);
  }

  99% {
    -webkit-transform:skew(-5deg,-3deg);
  }

  100% {
    left:1050px;
    top:-400px;
  }
}

@-webkit-keyframes bubble8 {
  0% {
    left:800px;
    top:106%;
  }

  10% {
    -webkit-transform:skew(5deg,3deg);
  }

  20% {
    -webkit-transform:skew(-5deg,-3deg);
  }

  30% {
    -webkit-transform:skew(3deg,5deg);
  }

  40% {
    -webkit-transform:skew(-3deg,-5deg);
  }

  50% {
    -webkit-transform:skew(5deg,3deg);
  }

  60% {
    -webkit-transform:skew(-5deg,-3deg);
  }

  70% {
    -webkit-transform:skew(3deg,5deg);
  }

  80% {
    -webkit-transform:skew(-3deg,-5deg);
  }

  90% {
    -webkit-transform:skew(5deg,3deg);
  }

  99% {
    -webkit-transform:skew(-5deg,-3deg);
  }

  100% {
    left:1200px;
    top:-400px;
  }
}

@-webkit-keyframes bubble9 {
  0% {
    left:1000px;
    top:105%;
  }

  10% {
    -webkit-transform:skew(4deg,3deg);
  }

  20% {
    -webkit-transform:skew(-4deg,-3deg);
  }

  30% {
    -webkit-transform:skew(3deg,4deg);
  }

  40% {
    -webkit-transform:skew(-3deg,-4deg);
  }

  50% {
    -webkit-transform:skew(4deg,3deg);
  }

  60% {
    -webkit-transform:skew(-4deg,-3deg);
  }

  70% {
    -webkit-transform:skew(3deg,4deg);
  }

  80% {
    -webkit-transform:skew(-3deg,-4deg);
  }

  90% {
    -webkit-transform:skew(10deg,8deg);
  }

  99% {
    -webkit-transform:skew(-10deg,-8deg);
  }

  100% {
    left:850px;
    top:-400px;
  }
}

@-webkit-keyframes bubble10 {
  0% {
    left:900px;
    top:110%;
  }

  25% {
    -webkit-transform:skew(-5deg,5deg);
  }

  75% {
    -webkit-transform:skew(5deg,-5deg);
  }

  100% {
    left:750px;
    top:-400px;
  }
}

@-webkit-keyframes bubble11 {
  0% {
    left:800px;
    top:101%;
  }

  90% {
    -webkit-transform:rotate(270deg);
  }

  100% {
    left:650px;
    top:-400px;
  }
}

@-webkit-keyframes bubble12 {
  0% {
    left:700px;
    top:103%;
  }

  1% {
    -webkit-transform:rotate(270deg);
  }

  90% {
    -webkit-transform:rotate(40deg);
  }

  100% {
    left:550px;
    top:-400px;
  }
}

@-webkit-keyframes bubble13 {
  0% {
    left:600px;
    top:109%;
  }

  1% {
    -webkit-transform:rotate(300deg);
  }

  90% {
    -webkit-transform:rotate(180deg);
  }

  100% {
    left:450px;
    top:-400px;
  }
}

@-webkit-keyframes bubble14 {
  0% {
    left:500px;
    top:102%;
  }

  10% {
    -webkit-transform:scale(.8);
  }

  20% {
    -webkit-transform:scale(1);
  }

  30% {
    -webkit-transform:scale(1.2);
  }

  40% {
    -webkit-transform:scale(.8);
  }

  50% {
    -webkit-transform:scale(1);
  }

  60% {
    -webkit-transform:scale(1.2);
  }

  90% {
    -webkit-transform:scale(1);
  }

  100% {
    left:350px;
    top:-400px;
  }
}

@-webkit-keyframes bubble15 {
  0% {
    left:400px;
    top:108%;
  }

  10% {
    -webkit-transform:skew(5deg,3deg);
  }

  20% {
    -webkit-transform:skew(-5deg,-3deg);
  }

  30% {
    -webkit-transform:skew(3deg,5deg);
  }

  40% {
    -webkit-transform:skew(-3deg,-5deg);
  }

  50% {
    -webkit-transform:skew(5deg,3deg);
  }

  60% {
    -webkit-transform:skew(-5deg,-3deg);
  }

  70% {
    -webkit-transform:skew(3deg,5deg);
  }

  80% {
    -webkit-transform:skew(-3deg,-5deg);
  }

  90% {
    -webkit-transform:skew(5deg,3deg);
  }

  99% {
    -webkit-transform:skew(-5deg,-3deg);
  }

  100% {
    left:250px;
    top:-400px;
  }
}

@-webkit-keyframes bubble16 {
  0% {
    left:300px;
    top:106%;
  }

  10% {
    -webkit-transform:skew(5deg,3deg);
  }

  20% {
    -webkit-transform:skew(-5deg,-3deg);
  }

  30% {
    -webkit-transform:skew(3deg,5deg);
  }

  40% {
    -webkit-transform:skew(-3deg,-5deg);
  }

  50% {
    -webkit-transform:skew(5deg,3deg);
  }

  60% {
    -webkit-transform:skew(-5deg,-3deg);
  }

  70% {
    -webkit-transform:skew(3deg,5deg);
  }

  80% {
    -webkit-transform:skew(-3deg,-5deg);
  }

  90% {
    -webkit-transform:skew(5deg,3deg);
  }

  99% {
    -webkit-transform:skew(-5deg,-3deg);
  }

  100% {
    left:150px;
    top:-400px;
  }
}

@-webkit-keyframes bubbleanimatehover {
  0% {
    opacity:0;
  }

  100% {
    opacity:1;
  }
}

@-webkit-keyframes back {
  0% {
    -webkit-transform:skew(0deg,0deg);
    background-position:0 0;
  }

  25% {
    -webkit-transform:skew(3deg,5deg);
  }

  50% {
    -webkit-transform:skew(0deg,0deg);
  }

  75% {
    -webkit-transform:skew(-5deg,-3deg);
  }

  100% {
    -webkit-transform:skew(0deg,0deg);
    background-position:0 -580px;
  }
}

@-webkit-keyframes body {
  0% {
    background-color:#4A8AFA;
  }

  50% {
    background-color:#AAAAFA;
  }

  100% {
    background-color:#4A8AFA;
  }
}