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





                                                                                                                                                                                                      




body {
 background-image: url("starrynight.jpeg");
 background-color: rgb(75, 91, 89);
  background-repeat: ;
  background-attachment: fixed;
  background-position: center; 

}









a {
font-size: 100%;
  text-decoration: none;
  display: inline-block;
  padding: 20px 20px;
}


a:hover {
  background-color: ;
  color: #36F57F;
}

.previous {
  background-color: #3333ff;
  color: white;
}

.next {
  background-color: #F433FF;
  color: #42f5f5;
}

.round {
  border-radius: 100%;
}

.next  {
float: right;
}





p{text-align: center;
color: dark grey;
}




h1 {
	
	text-align: center;
color: blue;
font-weight: lighter;	

opacity: 1.0;
	
	background: url("");  
	font-weight:100;
	font-size:0.8em;
	font-family: "Lucida Console";
        font-stretch: “ultra-expanded";

}

h2 {

text-align: center;
color: dark grey;
font-weight: light;

opacity: 1.9;

background: url("");  
	font-weight:lighter;
	font-size:200%;
	font-family: "Lucida Console";
        font-stretch: “ultra-expanded";







}

h3 { text-align: center;
font-color: dark grey;
font-weight: lighter;

opacity: 1.0;

background: url("");  
	font-weight:100;
	font-size:1.8em;
	font-family: "Lucida Console";
        font-stretch: “ultra-expanded";
}

h4 {
	
	text-align: left;
font-color: dark grey;
font-weight: lighter;	

opacity: 1.0;
	
	background: url("");  
	font-weight:100;
	font-size:2.8em;
	font-family: "Lucida Console";
        font-stretch: “ultra-expanded";

}


footer {
    font-size:  1.3em;
    font-weight: lighter; 
    font-color: white;   
    background: url("");  
    position: fixed;
    width:  100%;
    padding:    0px;
    margin-bottom:  0px;
    bottom: 0;
   
     
   
}


}