/* Reset default margin/padding */
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      background-color: #ccc; /* grey background */
      font-family: Arial, sans-serif;
      display: flex;
      justify-content: center;
    }

    .container {
      background-color: white;
      min-width: 92%;
      max-width: 900px;
      margin: 20px;
      display: flex;
      flex-direction: column;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }

    .navbar {
      background-color: #000;
      color: #fff;
      padding: 15px;
      text-align: center;
    }

    .navbar a {
      color: #fff;
      text-decoration: none;
      margin: 0 10px;
    }

    .content {
      padding: 20px;
    }

    .footer {
      background-color: #f0f0f0;
      color: #333;
      text-align: center;
      padding: 10px;
      font-size: 0.9em;
      margin-top: auto;
    }

    /* Responsive text spacing for small screens */
    @media (max-width: 600px) {
      .navbar {
        font-size: 0.9em;
        padding: 10px;
      }
      .content {
        padding: 15px;
      }
    }