body{
  background: none;
  color: #FFFFFF;
  font: bold 50px Courier, monospace;
}

p{
  padding: 0px;
  margin: 0px;
}

div{
  display: block;
}

#borderFrame{
  border: 10px solid #FFFFFF;
  border-radius: 5px;
  position: fixed;
  top: 3%;
  left: 3%;
  right: 3%;
  bottom: 3%;
  z-index: 2;
}

#record{
  background-color: red;
  border-radius: 25px;
  width: 50px;
  height: 50px;
  position: fixed;
  top: 5%;
  left: 5%;
  z-index: 2;
  opacity: 1;
  -webkit-animation: Arec 3s infinite;
  animation: Arec 3s infinite;
}

#hour{
  position: fixed;;
  top: 5%;
  right: 5%;
  z-index: 2;
}

#cam1c{
  position: fixed;
  right: 5%;
  bottom: 5%;
  z-index: 2;
}

#static{
  opacity: 0;
  animation: Astatic 10s linear 30s 4;
  -webkit-animation: Astatic 10s linear 30s 4;
}

#snow{
  background: url("../images/staticSnow.gif");
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 0;
}

#feed{
  background: url("../images/static.png");
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: 100% 100%;
  height: 100%;
  width: 100%;
  opacity: 0.5;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1;
  -webkit-animation: Afeed 0.35s linear infinite;
  animation: Afeed 0.35s linear infinite;
}

@-webkit-keyframes Arec {
  0%   {opacity: 1;}
  49%  {opacity: 1;}
  50%  {opacity: 0;}
  100%{opacity: 0;}
}
@keyframes Arec {
  0%  {opacity: 1;}
  49% {opacity: 1;}
  50% {opacity: 0;}
  100%{opacity: 0;}
}

@-webkit-keyframes Astatic {
  0%  {opacity: 1;}
  50% {opacity: 1;}
  51% {opacity: 0;}
  100%{opacity: 0;}
}
@keyframes Astatic {
  0%  {opacity: 1;}
  50% {opacity: 1;}
  51% {opacity: 0;}
  100%{opacity: 0;}
}

@-webkit-keyframes Afeed {
  0%  {background-position: 0px 0px;}
  50% {background-position: -100px 0px;}
  100%{background-position: 0px 0px;}
}
@keyframes Afeed {
  0%  {background-position: 0px 0px;}
  50% {background-position: -100px 0px;}
  100%{background-position: 0px 0px;}
}