body { 
      font-family: Arial, sans-serif; 
      margin: 0; 
      padding: 0; 
    }

    header { 
      background-color: #2c3e50; 
      color: white; 
      padding: 1em 0; 
      text-align: center; 
    }

    
    nav {
      background-color: #34495e;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 1em;
      flex-wrap: wrap;
    }

    nav .nav-links {
      display: flex;
      flex-wrap: wrap;
    }

    nav .nav-links a {
      display: inline-block;
      color: white;
      padding: 0.8em 1em;
      text-decoration: none;
      font-weight: bold;
      transition: background 0.3s;
    }

    nav .nav-links a:hover {
      background-color: #1abc9c;
    }

    
    .hamburger {
      display: none;
      flex-direction: column;
      cursor: pointer;
    }

    .hamburger div {
      width: 25px;
      height: 3px;
      background-color: white;
      margin: 4px 0;
      transition: 0.4s;
    }

    main { 
      padding: 2em; 
      text-align: center; 
    }

    .content { 
      max-width: 800px; 
      margin: auto; 
      text-align: left; 
    }

    h2, h3 { 
      color: #2c3e50; 
    }

    
    .content img {
      max-width: 100%;
      height: auto;
      display: block;
      margin: 1em auto;
      border-radius: 8px;
    }

    footer {
      background-color: #2c3e50;
      color: white;
      text-align: center;
      padding: 1em;
      width: 100%;
      position: relative;
      bottom: 0;
    }

    
    @media (max-width: 768px) {
      nav .nav-links {
        display: none;
        flex-direction: column;
        width: 100%;
      }

      nav .nav-links.active {
        display: flex;
      }

      .hamburger {
        display: flex;
      }

      main {
        padding: 1em;
      }

      .content ul {
        padding-left: 1.2em;
      }
    }

    @media (max-width: 480px) {
      header h1 {
        font-size: 1.5em;
      }

      h2 {
        font-size: 1.2em;
      }

      h3 {
        font-size: 1em;
      }

      nav .nav-links a {
        font-size: 0.9em;
      }

      main {
        padding: 0.8em;
      }
    }