* {
    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 */
  }
  
  .photo{
    
    width: 800px;            
    height: 800px;
    padding: 20px;
  }

  .title{
    text-align: center;
    font-size: 6rem;
    margin-top: 20px;
    color: blueviolet;
  }

  .list {

    list-style-type: none;
    padding: 0;
    margin: 0;
  }
  .list li {
    font-size: 20px;
    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;
  }