body {
          font-family: Arial, Helvetica, sans-serif;
          margin: 0;
          padding: 0;
          padding-bottom: 38px;
        }

        .header {
          background: url("The-matrix-logo.svg.png") no-repeat center center;
          background-size: cover;
          color: black;
          padding: 40px 0;
          text-align: center;
        }

        .navbar {
          overflow: hidden;
          background-color: #333;
          position: relative;
        }

        .navbar a {
          float: left;
          display: block;
          color: white;
          text-align: center;
          padding: 14px 20px;
          text-decoration: none;
        }

        .navbar a:hover {
          background-color: #ddd;
          color: black;
        }

        /* Hamburger menu styles */
        .hamburger {
            display: none;  /* Hidden by default */
            font-size: 26px;
            cursor: pointer;
            padding: 14px 20px;
            background-color: #333;
            color: white;
            text-align: left;
        }

        /* Responsive styles */
        @media screen and (max-width: 768px) {
            .navbar a {
                display: none;
                float: none !important; /* Override any float:right */
                width: 100%;
                text-align: left;
                background-color: #444;
                border-top: 1px solid #555;
            }

            .hamburger {
                display: block;
            }

            .navbar.responsive {
                position: relative;
            }

            .navbar.responsive a {
                display: block;
            }
            
            /* Ensure contact link behaves like other links on mobile */
            .navbar.responsive a.contact {
                float: none !important;
                display: block;
            }
        }

        .main {
          padding: 20px;
        }

        .footer {
          background: #333;
          color: white;
          text-align: center;
          padding: 10px 0;
          position: fixed;
          width: 100%;
          bottom: 0;
        }