body {
    font-family: Arial, sans-serif;
    font-size: 16px;
  }
  
  header {
    background-color: #3498db; 
    color: white;
    text-align: center; /
    padding: 1rem 0; 
    border-radius: 10px 10px 0 0; 
  }
  
  header h1 {
    font-size: 36px; 
    margin: 0; 
  }
  
   header h2 {
    margin-top: 2rem;
  }
  
  .intro {
      background-color: #3498db; 
      padding: 2rem;
      border-radius: 10px;
      margin-bottom: 2rem;
    }
    
    .intro h2 {
      color: white;
      font-size: 24px;
    }
    
    .intro-text p {
      color: #444;
      font-size: 18px;
    }
    
    .intro-image img {
      max-width: 100%;
      border-radius: 10px;
      display: inline-block; 
    }

    .intro-image {
      text-align: center;
      margin-top: 1rem; 
    }
    
    .inventions {
      margin-top: 2rem;
      padding: 2rem;
      background-color: #1c6179; 
      border-radius: 10px;
      color: white;
    }
    
    .inspiration {
      margin-top: 2rem;
      padding: 2rem;
      background-color: #3498db; 
      border-radius: 10px;
      color: white;
    }
    
    .inspiration h2,
    .inventions h2 {
      text-align: center;
      font-size: 24px;
    }
    
    .inventions p,
    .inspiration p {
      font-size: 18px;
    }
    
    
footer {
  background-color: #115a72; 
  color: white;
  text-align: center;
  padding: 1rem;
  border-radius: 0 0 10px 10px;
  margin-top: 2rem;
}

footer a {
  color: white;
  text-decoration: none;
}