*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Poppins', sans-serif;
  list-style: none;	  
}

.blink{
	animation: blink 3s infinite;
}

@keyframes blink {
	0% {
		opacity: 1;
	}	
	100% {
		opacity:	.0;
	}
}

.body{
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: space-around;
	align-ites: center;
	background-image: url(life/parl.jpg);
	background-position: center;
	background-size: cover;
}

.africabar{
	max-width: 100%;
	height: 40px;
	background-image: url(gal/afbar.jpg);
	display: flex;
	justify-content: space-around;
	align-items: center;
	opacity: 1;
}
.container{
	display: grid;
	height: 100vh;
	grid-template-columns: auto auto;
	grid-template-rows: auto auto;
	font-size: 20px;
}

.child-container{
	display: grid; 
	justify-content: center; 
	align-content: center;
	color: white;
	font-family: monospace;
	font-size: 2rem;
	background-position: center;
	background-size: cover;
	border-bottom: 3px solid white; 
	background-image: url(gal/cov-sub.jpg);
	text-shadow: 3px 3px 3px #000000 
}


.child-container a{
	text-decoration: none;
	color: white;
}

.child-container a:hover{
	color: #fff;
	text-shadow: -1px 1px 20px #ffc, 1px -1px 8px #fff;
}

.child-container2{
	display: grid; 
	justify-content: center; 
	align-content: center;
	font-family: monospace;
	font-size: 2rem;
	background-position: center;
	background-size: cover;
	border-left: 3px solid white;
	border-bottom: 3px solid white;
   background-image: url(gal/cov-down.jpg);
   text-shadow: 3px 3px 3px #000000    
}

.child-container2 a{
	text-decoration: none;
	color: white;
}

.child-container2 a:hover{
	color: #fff;
	text-shadow: -1px 1px 20px #ffc, 1px -1px 8px #fff;
}

.child-container3{
	display: grid; 
	justify-content: center; 
	align-content: center;
	color: white;
	font-family: monospace;
	font-size: 2rem;
	background-position: center;
	background-size: cover;
background-image: url(gal/cov-parl.jpg);
   text-shadow: 3px 3px 3px #000000 
}

.child-container3 a{
	text-decoration: none;
	color: white;
}

.child-container3 a:hover{
	color: #fff;
	text-shadow: -1px 1px 20px #ffc, 1px -1px 8px #fff;
}

.child-container4{
	display: grid; 
	justify-content: center; 
	align-content: center;
	color: white;
	font-family: monospace;
	font-size: 2rem;
	background-position: center;
	background-size: cover;
	border-left: 3px solid white; 
	background-image: url(gal/cov-ind.jpg);
	text-shadow: 3px 3px 3px #000000
}

.child-container4 a{
	text-decoration: none;
	color: white;
}

.child-container4 a:hover{
	color: #fff;
	text-shadow: -1px 1px 20px #ffc, 1px -1px 8px #fff;
}
		


.explore h1{
   color: white;
   text-shadow: 3px 3px 3px #000000
}

/* Add a black background color to the top navigation */
.topnav {
  background-color: #333;
  overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 19px;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Add a color to the active/current link */
.topnav a.active {
  background-color: #04AA6D;
  color: white;
}