body {
  background-image: url("https://wallpapercave.com/wp/wp2386111.jpg");
  background-attachment: fixed;
  background-size : 100% auto

}

@keyframes scroll {
  0%   { background-position: 0px;}
  100% { background-position: 100px;}
}

@keyframes flip {
  0% {  -webkit-animation-timing-function: steps(1, end);
        -moz-animation-timing-function: steps(1, end);
        -ms-animation-timing-function: steps(1, end);
        -o-animation-timing-function: steps(1, end);
        animation-timing-function: steps(1, end);

        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        -o-transform: scaleX(1);
        transform: scaleX(1);
  }
  50% {  -webkit-animation-timing-function: steps(1, end);
        -moz-animation-timing-function: steps(1, end);
        -ms-animation-timing-function: steps(1, end);
        -o-animation-timing-function: steps(1, end);
        animation-timing-function: steps(1, end);

        -webkit-transform: scaleX(-1);
        -moz-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        transform: scaleX(-1);
  }
  100% {

        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        -o-transform: scaleX(1);
        transform: scaleX(1);
  }
}

.fwiendFace img, .tableLeft img {
  border-radius: 10px;
  animation-name: flip;
  animation-duration: 0.7s;
  animation-iteration-count: infinite;
}

.box {
  border-radius: 10px;
  margin-bottom: 40px;
  margin-top: 40px;
  padding-right: 2px;
  padding-left: 4px;
  padding-top: 4px;
  padding-bottom: 4px;
  background-color: #aaddaa;
  color: #000;
  border: 1px solid black;
  -webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.4);
  -moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.4);
  box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.4);
}

.fwiendCount {
  color: #dd0000;
}

h4 {
  font-size: 0;
}

.rightHead {
  border-radius: 5px;
  background-color: #4444aa;
  color: #ffffff;
}

.boxHead {
  border-radius: 5px;
  background-color: #4444aa;
  color: #ffffff;
}

.tableLeft {
  border-radius: 5px;
  background-color:#779977;
}

.tableRight {
  border-radius: 5px;
  background-color:#99BB99;
}

audio::-webkit-media-controls-enclosure {
  background-color: yellow;
  -webkit-box-shadow: inset 0 0 20px black;
  border-radius: 5px;
}

audio::-webkit-media-controls-play-button {
  background-image: url("https://web.archive.org/web/20091027141337/http://www.geocities.com/thjuland/images/0nextarrow.gif");
}

audio::-webkit-media-controls-mute-button {
  background-image: url("https://web.archive.org/web/20090830225813/http://geocities.com/chatarase/259/song-0.gif");
  pointer-events: none;
}

audio::-webkit-media-controls-current-time-display {
  font-weight: bold;
}