

body {
 
	 background-image: url('airfield.jpg'); 
  background-repeat: no-repeat;
    background-size: cover;
	

}

h1 {
	text-align: center;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 44px;
	text-shadow: 3px 3px #484848;
	
}


h2 {
	text-align: center;
	color: #484848;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	
}


p {
	text-align: center;
	color: #484848;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	
}


.info {
	
	list-style-type: square;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	padding-top: 55px;
	list-style-image: url('plane.png');
	list
	
}

/* unvisited link */
a:link {
  color: darkblue;
  text-decoration: none;
}

/* visited link */
a:visited {
  color: green;
}

/* mouse over link */
a:hover {
  color: hotpink;
}

/* selected link */
a:active {
  color: blue;
}


/*   Style for image popup link   */
/* unvisited link */
a.image-link:link {
  color: skyblue;
  text-decoration: none;
}

/* visited link */
a.image-link:visited {
  color: skyblue;
}

/* mouse over link */
a.image-link:hover {
  color: hotpink;
}

/* selected link */
a.image-link:active {
  color: blue;
}





 /* Style for the image link */
        .image-link {
            font-size: 24px;
            font-family: sans-serif;
            text-decoration: none;
            
        }

  /* The overlay background (the full-screen black background) */
        .overlay {
            display: none; /* Hidden by default */
            position: fixed; /* Stay in place */
            z-index: 1; /* Sit on top */
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.9); /* Black background with some transparency */
            padding-top: 60px; /* Padding for the content */

          }

           /* Style for the popup image */
        .popup-image {
            margin: auto;
            display: block;
            max-width: 90%;
            max-height: 90%;
            object-fit: contain;
        }


  /* Close button style */
        .close-btn {
            position: absolute;
            top: 15px;
            right: 35px;
            color: #f1f1f1;
            font-size: 40px;
            font-weight: bold;
            background-color: transparent;
            border: none;
            cursor: pointer;

           }


   .close-btn:hover,
        .close-btn:focus {
            color: #bbb;
        }


