* {
  margin: 0px;
  padding: 0px;
}

.welcome-section {
  background-color: black;
  height: 15vh;
  
}
header {
  
  display: flex;
  justify-content: space-between;
  

}

.logo-left {
  width: 250px;
}

.logo-right {
  margin-top: 25px;
}
.menu{
 
  display: flex;
  padding: 30px;
  list-style-type: none;
  
}

li{
  padding: 5px;
  color: white;
}



li a{
  color: white;
}

.banner {
  position: relative;
 
  
}

.banner img {
  width: 1300px;
  height: 700px;
  display: block;
  margin: 50px;
}

.banner h1 {
  position: absolute;
  top: 35%;           /* Center vertically */
  left: 23%;          /* Center horizontally */
  transform: translate(-50%, -50%); /* Exact center */
  color: rgb(63, 5, 95);       /* Or any color that stands out */
  font-size: 65px;/* Customize as needed */
  text-shadow: 2px 2px 5px rgba(0,0,0,0.7); /* Make text stand out */
}



.footer {
  
  bottom: 200px;
  width: 100%;
  height: 50%;
  padding: 10px;

  background-color: #f7f9f9; /* optional */
  text-align: center;
  color: rgb(10, 10, 10);
}
.presentation {
  background-color: #f7f9f9;
 
  margin: 20px;
  border-radius: 10px;
  color:blueviolet;
  text-align: center;
}

.list {

  list-style-type: none;
  padding: 0;
  margin: 0;
}
.list li {
  color: black;
  margin: 10px 0;
  padding: 10px;
  background-color: #f7f9f9;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  text-align: center;
}
.picture {
  border-radius: 2%;
  padding: 20 20px;
  width: 1200px;
  height: 800px;
  margin-bottom: 3%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  
}