*{
  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(nb-imgs/parl.jpg);
	background-position: center;
	background-size: cover;
}
.africabar{
	max-width: 100%;
	height: 40px;
	background-image: url(../life/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(life/skybar.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(../life/tiny.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(../life/digital-1.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(../life/cool.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;
}
		
.menu ul{
	display: flex;
	align-items: center;
}
.menu ul li a{
	text-decoration: none;
	color: #000;
	padding: 5px 9px;
	letter-spacing: 2px;
	font-size: 22px;
}
.menu ul li a:hover{
	border-bottom: 4px solid #000;
	transition: .2s;
} 

.navbar{
	width: 100%;
	height: 80px;
	background-color: #ffebcd;
	display: flex;
	justify-content: space-around;
	align-items: center;
	color: #000;
}

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

/* Namibian Life*/

.ndapanda-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(nb-imgs/ndpanda.jpg);
	text-shadow: 3px 3px 3px #000000 
}

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

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

.ndapanda{
	margin-top: 70px;
}

.wika-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;
	border-left: 3px solid white;  
	background-image: url(nb-imgs/wika.jpg);
	text-shadow: 3px 3px 3px #000000 
}

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

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

.wika{
	margin-top: 70px;
}

.fashion-container{
	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(nb-imgs/fashion.jpg);
   text-shadow: 3px 3px 3px #000000 
}

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

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

.fashion{
	margin-top: 70px;
}

.festivals-container{
	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(nb-imgs/festivals.jpg);
	text-shadow: 3px 3px 3px #000000
}

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

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

.festivals{
	margin-top: 70px;
}

/* 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;
}