         grid-template-columns: 1fr;
          gap: 2rem;
        }

        .team-grid {
          flex-direction: column;
          align-items: center;
        }

        .hero-section {
          padding: 4rem 1rem 2rem;
        }

        .about-section {
          padding: 2rem 1rem;
        }
      }
    </style>
  </head>

  <body>
    <!-- Cursor Effect Circles -->

    <!-- Navbar -->
    <nav class="navbar">
      <h1>Canvas Editor</h1>
      <div class="nav-links">
          <a href="index.html"