body{

}
                                        
.navbar ul {
  list-style-type: none;
  margin: 100;
  padding: 0;
  overflow: hidden;
   background-color: #333;
}


.navbar li {
  float: left;
}


.navbar li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 70px;
  text-decoration: none;
}


.navbar li a:hover {
  background-color: #111;
}
                                                  
                                                  
                                                  
                                                  
                                                  
.container {
  display: flex;       
  align-items: center; 
  gap: 20px; 
  color: black; 
  font-weight: bold;
  font-size: 30px;    
}

.image-container {
  display: flex; 
  justify-content: center; 
  gap: 0px; 
  margin: 20px;
}

.image-container img {
  width: 55%; 
  height: auto; 
}

.overlay-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); 
  color: White;
  font-size: 24px;
  font-weight: bold;
}

.container {
  display: flex;       
  align-items: center; 
  gap: 20px;           
}
                                                    
                                                    
                                                    
                                                    

                         PAGE 2  

 
                                             
body {
  font-family: sans-serif;
  text-align: center; 
}

.main-header {
  width: 100%;
  background: #f4f4f4;
  padding: 20px 0;
  margin-bottom: 15px;
}


.center-wrap {
  float: left;
  width: 100%; 
}

.center-content {
  float: left;
  position: relative;
  left: 50%;
}

.center-content   {
  position: relative;
  left: 3%; 
  background: #f4f4f4;
}
                               
                                               
                               
                               
                                                    

.image-container img {
  float: left;     
  width: 50%;      
  height: auto;    
}

.image-container::after {
  content: "";
  clear: both;
  display: table;
}
                                                    
                                                   
                                                   
                                                   
.column {
  float: left;
  width: 50%; 
}


.column h2, .column ul {
  padding: 0 20px;
}


.header-container {
  display: flex;
  flex-direction: column; 
  align-items: center;    
  text-align: center;
}

.header-container ul {
  list-style-type: none; 
  padding: 0;
}
  
                                                   
  
  
                                                      PAGE 4 
                                                      
                                                      
                                                      
                                                      
                                                      

.item {
  float: left;        
  width: 25%;        
  text-align: center;
  box-sizing: border-box; 
  padding: 10px;      
}

.item img {
  width: 10%;        
  height: 200;
}


.container::after {
  content: "";
  display: table;
  clear: both;
}