body {
	font-family: Times New Roman ;
	background-image: url(assets/galaxy.gif) ;
	color: #ffffff ;
	text-align: center ;
	font-size: 18px ;
}

.logo {
        display: block ;
        margin-left: auto ;
        margin-right: auto ;
        padding: 10px ;
	max-height: 125px ;
}

.logo {
        display: block ;
        margin-left: auto ;
        margin-right: auto ;
        padding: 10px ;
	max-height: 125px ;
}

main {
	max-width: 1200px ;
	margin: auto ;
	background-color: #113350 ;
        padding:10px;
        border-radius:10px;
        border:5px solid #fb3cf9;
}

img {
	max-width: 100% ;
	margin: auto ;
	display: block ;

}

.gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 12px;
  padding: 12px;
}

.gallery a {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;       /* Ensures a perfect square */
  overflow: hidden;
  position: relative;
}

.gallery img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
  display: block;
}

.gallery a:hover img {
  transform: scale(1.05);
}

hr {
	width: 75% ;
}

h1 {
	font-size: 50px ;
}

h2 {
	font-size: 30px ;
}

a {
	text-decoration: none ;
	color: white ;
}

a:hover {
	text-decoration: underline ;
	color: orange ;
}

li {
	text-align: left ;
	font-size: 2em ;
}

header h1 {
	text-align: center ;
}

footer {
	text-align: center ;
	clear: both ;
	padding: 20px ;
}

.nav {
	list-style-type: none;
  	text-align: center;
  	margin: 0;
  	padding: 0;
}

.nav li {
  	display: inline-block;
  	font-size: 20px;
  	padding: 20px;

}

.nav a {
	font-size: 40px ;
  	font-weight: bold ;
  	color: #ffffff;
  	text-align: center;
  	text-decoration: none;
}

.nav a:hover {
	color: orange ;
}