h1
{
    color: Red;
    text-align:center;
    text-decoration: underline;
    font-size: 45pt;
}
h2
{
    color: Aqua;
    display: block;
    text-align: left;
    font-size: 45px;

 
    }
h3
{
   color: Aqua;
    display: block;
    text-align: left;
    font-size: 45px;  
}
body
{
      background-image: url("fullload200.jpg");
 
  background-size: cover;
  text-align: left;
}
/* Dropdown Button */
.dropbtn {
  background-color:grey;
  color: white;
  padding: 30px;
  font-size: 40px;
  border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: center;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(1,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #3e8e41;}

.thumbnail { 
top:-50px; 
left:-35px; 
display:block; 
z-index:999; 
cursor: pointer; 
-webkit-transition-property: all; 
-webkit-transition-duration: 0.3s; 
-webkit-transition-timing-function: ease; 
} 

/*change the number below to scale to the appropriate size*/ 
.thumbnail:hover { 
transform: scale(3); 

}
P
{
    color: aqua ;
    text-align: center;
    font-size: 35pt;
    font-weight: bold;
    
}
main
 {
    color: #FFFF66 ;
    text-align: center;
     font-size: 32pt;
 }

p {
  
}

a
{

    color:white;
    border: 3px solid white;
  outline: black solid 4px;
    font-size:40px;
}

a:hover, a:active {
  background-color: tan;
  color: blue;
  
}

 img
 {
    display: center;
    
    width: 300px;
    height: 300px;
 }
 div{
     display: flex;
     justify-content:center;
 }
 footer
a
 {
     border: none;
      outline: none;
    font-size:22px;
     color: brown;
 }
 
  /* Popup container */
.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
}