.wave-container {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      overflow: hidden;
      z-index: -1;
      pointer-events: none;
      background: #0d0d0d;
    }

    .wave {
      position: fixed;
      border-radius: 50%;
      background: radial-gradient(circle at var(--x) var(--y), rgba(145, 125, 82,0.3) 50%, transparent 80%);
      filter: blur(40px);
      animation: expandWave linear forwards;
    }

    .compass-needle {
      position: fixed;
      opacity: 0;
      animation: fadeRotate linear infinite;
      transform-origin: center center;
    }

    @keyframes expandWave {
      0% { width: 0; height: 0; opacity: 0.8; }
      50% { opacity: 0.4; }
      100% { width: var(--wave-size); height: var(--wave-size); opacity: 0; }
    }

    @keyframes fadeRotate {
      0% { opacity: 0; transform: rotate(0deg); }
      20% { opacity: 0.5; }
      80% { opacity: 0.5; }
      100% { opacity: 0; transform: rotate(360deg); }
    }
	
	
	.text-container {
            text-align: center;
            color: white;
            font-size: 2em;
			font-weight:100;
        }

        
        .highlight {
            font-variant: small-caps;
            font-size: 200%;
        }

        
        .line {
            opacity: 0;
            display: block;
            white-space: nowrap;
            overflow: hidden;
        }

        
        @keyframes typing {
            from { width: 0; }
            to { width: 100%; }
        }

        
        @keyframes blink-animation {
            0% { opacity: 1; }
            50% { opacity: 0.1; }
        	100% { opacity: 1; }
		}

        .blink {
            animation: blink-animation 3.5s steps(15, end) infinite;
        }

        .footer {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            background-color: #30241FD;
			color:#917d52;
            text-align: center;
            font-weight:100;
            padding: 10px 0;
            font-size: 14px;
            z-index: 1000;
        }

		
		@media (max-width: 767px) {
     	.text-container {
            text-align: center;
            color: white;
            font-size: 1.5em;
			font-weight:300;
        }
		}