.warning {
  color:red;
}
#res {
  width:relative;
}
head {
 background-image: url("");

}

body {
background: linear-gradient(to top left, #33ccff 6%, #ff00ff 100%);
 background-width: 100%;
 background-height: 100%; 
}


/* Style the video: 100% width and height to cover the entire window */
#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
}

footer {
    
    font-family: "Lucida Console";         
    font-size:  1em;
    font-weight: light;
    color: pink;
    opacity: 1;
    background: url("");  
    position: fixed;
    text-align: center;
    width:  100%;
    padding:    2px;
    margin-bottom:  2px;
    bottom: 2px;
   
     
   
}


.square {
 
      
  width:100%; 
  height:2px;
  margin-right:relative;
  display:none;
  opacity:1;  
}
.square:hover {
  opacity:0;




.square:tap {
  opacity:50;
}



}