table {
	text-align:center;
	  gap: 25px;
	
}
/* history */
.history-page {
		color: white;
		overflow:auto;
}

article {
    display: flex;
    justify-content: center;   
    padding: 40px 20px;
}

#timeline-text {
	box-shadow: 0 0 20px rgba(150, 160, 130, 0.8);
    background: rgba(0, 0, 0, 0.7); 
    padding: 30px;
    border-radius: 10px;
    max-width: 800px;            
    width: 100%;
    text-align: center;            
}

#danger-text {
	box-shadow: 0 0 20px rgba(230, 0, 0, 0.8);
    background: rgba(0, 0, 0, 0.7); 
    padding: 30px;
    border-radius: 10px;
    max-width: 800px;            
    width: 100%;
    text-align: center;            
}

#index-text {
	box-shadow: 0 0 20px rgba(0, 200, 50, 0.8);
    background: rgba(0, 0, 0, 0.7); 
    padding: 30px;
    border-radius: 10px;
    max-width: 800px;            
    width: 100%;
    text-align: center;            

}

#history-text {
	box-shadow: 0 0 20px rgba(0, 150, 255, 0.8);
    background: rgba(0, 0, 0, 0.7); 
    padding: 30px;
    border-radius: 10px;
    max-width: 800px;            
    width: 100%;
    text-align: center;            
	
}

#h2-his {
		color: white;
}

/* eruption */
#eruption-text {
	box-shadow: 0 0 20px rgba(200, 100, 30, 0.8);
    background: rgba(0, 0, 0, 0.7); 
    padding: 30px;
    border-radius: 10px;
    max-width: 800px;            
    width: 100%;
    text-align: center;            
}
.eruption-page {
		color: white;
}

#h2-erupt {
		color: white;
}

/* header and nav */


header {
	box-shadow: 0 0 20px rgba(255, 255, 255, 5);
  width: 100%;
  height: 80px;
  background: rgba(0, 0, 0, 0.7);
  color: white;
 text-align:center;
  padding-left: 20px;
}
header h1{
	font-size:40px;
}

main {
  margin-top: 130px;
}

nav {
  margin-top: 0;
  width: 100%;
  height: 50px;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
  word-spacing: 5px;
}

nav a {
  color: white;            
  text-decoration: none;    
  font-size: 18px;          
  font-weight: 500;
  transition: 0.3s ease; 
}

nav a:hover {
  color: #f0f0f0;           
  transform: scale(1.05);
}

#bg-video {
	position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  z-index:-1;
}

body{
	overflow:auto;
	
	
}
article {
 
  
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  width: 100%;
  padding: 20px;
  overflow:auto;
}
aside {
	 display: flex;
    justify-content: center;   
    padding: 40px 20px;
	 
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  width: 100%;
  padding: 20px;
  overflow:auto;
  box-shadow: 0 0 20px rgba(150, 160, 130, 0.8);
    background: rgba(0, 0, 0, 0.7); 
    padding: 30px;
    border-radius: 10px;
    max-width: 800px;            
    width: 100%;
    text-align: center;    
}

}
footer{
		clear:both;
}