body {
      background: url(v904-nunny-012.webp);
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      margin: 0;
      display: flex;
      justify-content: center;
    }


    .glass-card {
      background: rgba(255, 255, 255, 0.15);
      /* Semi-transparent white */
      border-radius: 16px;
      box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
      /* Subtle shadow */
      backdrop-filter: blur(10px);
      /* Key to the glass effect */
      -webkit-backdrop-filter: blur(10px);
      /* For Safari support */
      border: 1px solid rgba(255, 255, 255, 0.18);
      /* Light border */
      padding: 20px;
      color: #fff;
      text-align: center;
      max-width: 400px;
      margin: 20px;
    }

    .feature-icons {
      color: #00affa;
      transition: transform 0.3s ease;
    }

    .company {
      padding: 5px;
      margin: 50px 0;
      background: linear-gradient(to right,
          #4a59ba 20%,
          #00affa 30%,
          #0190cd 70%,
          #364bd1 80%);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      text-fill-color: transparent;
      background-size: 500% auto;
      animation: textShine 10s ease-in-out infinite alternate;
    }

    @keyframes textShine {
      0% {
        background-position: 0% 50%;
      }

      100% {
        background-position: 100% 50%;
      }
    }

    @media (max-width: 600px) {
      .elems {
        position: absolute;
        z-index: -1;
      }

      .prot {
        margin: -270px 0px 0 -200px !important;

      }

      .tri2 {
        margin: -10px -250px 0px 0px !important;

      }

      .whole {
        margin: 290px 0 0 0 !important;

      }

      .nextgen {
        font-size: 11pt !important;
      }

      .company {
        margin: 10px 0;
        font-size: 40pt !important;
      }

    }


    .wave {
      animation-name: wave-animation;
      /* Refers to the name of your @keyframes element below */
      animation-duration: 2.5s;
      /* Change to speed up or slow down */
      animation-iteration-count: infinite;
      /* Never stop waving :) */
      transform-origin: 50% 100%;
      /* Pivot around the bottom-left palm */
      display: inline-block;
    }

    @keyframes wave-animation {
      0% {
        transform: rotate(0.0deg)
      }

      10% {
        transform: rotate(14.0deg)
      }

      /* The following five values can be played with to make the waving more or less extreme */
      20% {
        transform: rotate(-8.0deg)
      }

      30% {
        transform: rotate(14.0deg)
      }

      40% {
        transform: rotate(-4.0deg)
      }

      50% {
        transform: rotate(10.0deg)
      }

      60% {
        transform: rotate(0.0deg)
      }

      /* Reset for the last half to pause */
      100% {
        transform: rotate(0.0deg)
      }
    }