:root {
      --blue: #2c3e50;
      --darkblue: #222d38;
      --gray-light: #f7f7f7;
    }

    /* Custom styles not available in Tailwind */
    .bg-darkblue {
      background-color: var(--darkblue);
    }

    .text-ct-darkblue {
      color: var(--darkblue);
    }

    .parallax {
      height: 60vh;
      overflow: hidden;
      position: relative;
    }

    .parallax-image {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      will-change: transform;
    }


    @keyframes glow {

      0%,
      100% {
        box-shadow: 0 0 0px rgba(59, 130, 246, 0);
      }

      50% {
        box-shadow: 0 0 20px rgba(59, 130, 246, 0.8);
      }
    }

    @keyframes shake {

      0%,
      100% {
        transform: translateX(0);
      }

      20% {
        transform: translateX(-6px);
      }

      40% {
        transform: translateX(6px);
      }

      60% {
        transform: translateX(-6px);
      }

      80% {
        transform: translateX(6px);
      }
    }

    .animate-glow {
      animation: glow 1.2s ease-in-out;
    }

    .animate-shake {
      animation: shake 0.6s ease;
    }