.warning {
  color:red;
}
#res {
  width:relative;
}







body {
 background-image: url("noisness003.gif");
 background-color: rgb(75, 91, 89);
 background-width: 100%;
 background-height: 100%; 

}







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









p{text-align: left;
color: white;
}






  







.square {
  background:  url("noisness003.gif");  
  width:2%; 
  height:8px;
  margin-right:1%;
  margin-left: 1%;
  display:none;
  opacity:1;  
}






.square:hover {
  opacity:0;
}

.square:tap {
  opacity:10;
}

.square {
  cursor: pointer;
  font-size: 10px;
  color: white;
  text-align:center;
  line-height:30px;
  
}


img {
    position:center;
    opacity: 1.1;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

background: url(“noisness003.gif”); 
background: center; 
background: relative;
background-width: 100%;
background-height: 100%;     
background-opacity: 0.0
        font-weight: normal|bold|bolder|lighter|number|initial|inherit;

}


h1 {
	
	text-align: center;
color: white;
font-weight: bolder;	

opacity: 0.9;
	
	background: url("noisness003.gif");  
	font-weight:500;
	font-size:1.8em;
	font-family: "Lucida Console";
        font-stretch: “ultra-expanded";

}

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



}