html {


} 


body {
	margin: 0;
	padding: 0;

       background-color:#000000; 
              
            
  }






h1 {

margin: 30px;
text-align:center;
font-size: 4vh;
color:#FFFFFF;


}


h2 {
margin: 30px;
text-align:center;
font-size: 4vh;
color:#FFFFFF;



}



<!--
img {

  margin: 2%;
  horizontal-align: middle;


  width: 300px;
  display: inline-block;


  }
-->






p {

 margin: 30px;
text-align:center;

  font-size: 3vh;
color:#FFFFFF;


}


a {


}

/* unvisited link */
a:link {
    
    font-size: 3vh;
    color: #FFFF00;
}

/* visited link */
a:visited {
    font-size: 3vh;
    color: #FFFF00;
}

/* mouse over link */
a:hover {
    font-size: 3vh;
    color: #FFFF00;
}

/* selected link */
a:active {
    font-size: 3vh;
     color: #FFFF00;
}




#ad  {

margin: 4%;


}




#img1 img {
   

 width: 25vw;

display: inline-block;

vertical-align: middle;



 }






#img2 img {
     
 width: 30vw;

display: inline-block;

vertical-align: middle;



 }



<!--
div.img {
     margin: 5px;
    padding: 5px;
    border: 1px solid #0000ff;
     height: auto;
     width: auto;
     float: left;
     text-align: center;
 }

div.img img {
     display: inline;
     margin: 5px;
     border: 1px solid #ffffff;
 }

-->