html, body,
#super_wrapper,
#content_wrapper,
#content {
    min-height: 100%;
    height: 100%;
    background: black;
}
.tv_wrapper {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -387px;
    margin-top: -321px;
    width: 774px;
    height: 642px;
        animation: float 7s 2s infinite; 
   -moz-animation: float 7s 2s infinite; 
-webkit-animation: float 7s 2s infinite; 
     -o-animation: float 7s 2s infinite; 
}

img[usemap],
map area {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
}

.tv {
    width: 100%;
    height: 100%;
    outline: none;
    position: absolute;
    -webkit-filter: drop-shadow(-30px 5px 80px #555);
    filter: drop-shadow(-30px 5px 80px #555);
    top: 0;
    left: 0;
    z-index:5;
}
.spacetv {
    position: absolute;
    bottom: 0;
    left: 0;
    width:40%;
    margin-top:8%;
    z-index:5;
        animation: float 7s 2s infinite; 
   -moz-animation: float 7s 2s infinite; 
-webkit-animation: float 7s 2s infinite; 
     -o-animation: float 7s 2s infinite; 
}

#stage {
    position: absolute;
    top: 125px;
    left: 90px;
    width: 420px;
    height: 360px;
    z-index: 1;
    perspective: 800px;
}
#stage.static {
    background: url(images/static.gif);
}
#stage iframe {
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transform: rotateY( -12deg ) rotateX(-12deg) rotateZ(2deg) translateX(-20px) scale(1.1);
}
#canvas {
    width: 100%;
    height: 100%;
}
/* Animation Keyframes*/
@keyframes float {
    0% { top: 50%; }
    50% { top: 55%; }
    100% { top: 50%; }
}

@-moz-keyframes float {
    0% { top: 50%; }
    50% { top: 55%; }
    100% { top: 50%; }
}

@-webkit-keyframes float {
    0% { top: 50%; }
    50% { top: 55%; }
    100% { top: 50%; }
}

@-o-keyframes float {
    0% { top: 50%; }
    50% { top: 55%; }
    100% { top: 50%; }
}

@media only screen and (max-device-width: 480px) {
    .tv {
        pointer-events: none;
        -webkit-filter:none;
        filter: none;
    }
}