/* General styling */
    body {
        font-family: Arial, sans-serif;
        margin: 0;
        padding: 0;
        background-color: #f4f4f4;
        color: #333;
        text-align: center;
        display: flex;
        flex-direction: column;
        min-height: 100vh;
      }
  
      header {
        padding: 20px 0;
      }
  
      header img {
        width: 100px;
      }
  
      h1 {
        margin: 20px 0;
        font-size: 2em;
        color: #959A8F;
      }
  
      .content {
        padding: 20px;
        max-width: 800px;
        margin: 0 auto;
        flex-grow: 1; /* Ensures content area takes up remaining space */
      }

      .content img{
        width: 100%;
        margin-bottom: 20px;
      }
  
      .about {
        font-size: 1.1em;
        margin-bottom: 30px;
      }

      #emailForm{
        margin-bottom: 60px;
      }

      .input-container {
        display: flex;
        border: 2px solid #e5e5ea;

        border-radius: 24px;
        overflow: hidden;
        background-color: #f8f8f8; /* Adjusted background color for less contrast */
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        transition: all 0.3s ease;
    }
    
    .input-container:focus-within {
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }
    
    .input-wrapper {
        display: flex;
        flex: 1;
            width: 500px;
            
    }
    
    input[type="email"] {
        width: 300px;

        border: 2px solid #959A8F;
    
        padding: 5px 5px;
        outline: none;
        font-size: 14px;
        background-color: transparent; /* Ensure transparent background */
        transition: background-color 0.3s ease;
        flex: 1;
    }
    

    
    #emailForm button {
        background-color: transparent;
        border: 2px solid #959A8F;
        outline: none;

        padding: 5px 5px;
        font-size: 14;
        width: 140px;
        cursor: pointer;
    
    }
    
    #emailForm button:hover {
        border: none;
    }
    
  
      .contact-list {
        list-style-type: none;
        padding: 0;
      }
  
      .contact-list li {
        font-size: 1em;
        margin: 10px 0;
      }
  
      footer {
        background-color: #fff;
        padding: 10px 0;
        border-top: 2px solid #ddd;
        font-size: 0.9em;
        color: #555;
      }
  
      /* Responsive styling */
      @media (max-width: 600px) {
        header img {
          width: 120px;
        }
  
        h1 {
          font-size: 1.5em;
        }
  
        .content {
          padding: 15px;
        }

        input[type="email"] {
          width: 300px;

          border: 2px solid #959A8F;
          margin-bottom: 5px;
          padding: 5px 5px;
          outline: none;
          font-size: 14px;
          background-color: transparent; /* Ensure transparent background */
          transition: background-color 0.3s ease;
          flex: 1;
      }
      
  
      
      #emailForm button {
          background-color: transparent;
          border: 2px solid #959A8F;
          outline: none;
  
          padding: 5px 5px;
          font-size: 14;
          width: 140px;
          cursor: pointer;
      
      }
      }