html, body {
        width: 100%; height: 100%;
        margin: 0; padding: 0;
      }


body {
    background: rgb(15, 15, 15);
  }
  .desktop {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    width: 100%;
  }
  .mobile {
        display: none;
  }

  @media only screen and (max-width: 500px) {
  .mobile {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    width: 100%;
  }
  .adam-svg-title {
        width: 250px !important;
        margin-right: -10px !important;
  }
  .desktop {
        display: none;
  }
}
      
  .adam-svg-title {
        width: 445px;
        margin-right: -20px;
  }
  .adam-svg-title .text-path {
    display: block;
    fill: #fff;
    fill-opacity: 0;
    stroke: url(#gradation-1);
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .adam-svg-title .text-path:nth-child(1) {
    -webkit-animation: dash1 2s linear forwards;
            animation: dash1 2s linear forwards;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
    stroke-dasharray: 800;
    stroke-dashoffset: 800;
  }
  .adam-svg-title .text-path:nth-child(2) {
    -webkit-animation: dash1 2s linear forwards;
            animation: dash1 2s linear forwards;
    -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s;
    stroke-dasharray: 800;
    stroke-dashoffset: 800;
  }
  .adam-svg-title .text-path:nth-child(3) {
    -webkit-animation: dash1 2s linear forwards;
            animation: dash1 2s linear forwards;
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
    stroke-dasharray: 800;
    stroke-dashoffset: 800;
  }
  .adam-svg-title .text-path:nth-child(4) {
    -webkit-animation: dash1 2s linear forwards;
            animation: dash1 2s linear forwards;
    -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s;
    stroke-dasharray: 800;
    stroke-dashoffset: 800;
  }
  .adam-svg-title .text-path:nth-child(5) {
    -webkit-animation: dash1 2s linear forwards;
            animation: dash1 2s linear forwards;
    -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s;
    stroke-dasharray: 800;
    stroke-dashoffset: 800;
  }
  .adam-svg-title .text-path:nth-child(6) {
    -webkit-animation: dash1 2s linear forwards;
            animation: dash1 2s linear forwards;
    -webkit-animation-delay: 0.5s;
            animation-delay: 0.5s;
    stroke-dasharray: 800;
    stroke-dashoffset: 800;
  }
  .adam-svg-title .text-path:nth-child(7) {
    -webkit-animation: dash1 2s linear forwards;
            animation: dash1 2s linear forwards;
    -webkit-animation-delay: 0.6s;
            animation-delay: 0.6s;
    stroke-dasharray: 800;
    stroke-dashoffset: 800;
  }
  .adam-svg-title .text-path:nth-child(8) {
    -webkit-animation: dash1 2s linear forwards;
            animation: dash1 2s linear forwards;
    -webkit-animation-delay: 0.7s;
            animation-delay: 0.7s;
    stroke-dasharray: 800;
    stroke-dashoffset: 800;
  }
  .adam-svg-title .text-path:nth-child(9) {
    -webkit-animation: dash1 2s linear forwards;
            animation: dash1 2s linear forwards;
    -webkit-animation-delay: 0.8s;
            animation-delay: 0.8s;
    stroke-dasharray: 800;
    stroke-dashoffset: 800;
  }
  .adam-svg-title .text-path:nth-child(10) {
    -webkit-animation: dash1 2s linear forwards;
            animation: dash1 2s linear forwards;
    -webkit-animation-delay: 0.9s;
            animation-delay: 0.9s;
    stroke-dasharray: 800;
    stroke-dashoffset: 800;
  }
  .adam-svg-title .text-path:nth-child(11) {
    -webkit-animation: dash1_en 2s linear forwards;
            animation: dash1_en 2s linear forwards;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
    stroke-dasharray: 200;
  }
  .adam-svg-title .text-path:nth-child(12) {
    -webkit-animation: dash1_en 2s linear forwards;
            animation: dash1_en 2s linear forwards;
    -webkit-animation-delay: 0.04s;
            animation-delay: 0.04s;
    stroke-dasharray: 200;
  }
  .adam-svg-title .text-path:nth-child(13) {
    -webkit-animation: dash1_en 2s linear forwards;
            animation: dash1_en 2s linear forwards;
    -webkit-animation-delay: 0.08s;
            animation-delay: 0.08s;
    stroke-dasharray: 200;
  }
  .adam-svg-title .text-path:nth-child(14) {
    -webkit-animation: dash1_en 2s linear forwards;
            animation: dash1_en 2s linear forwards;
    -webkit-animation-delay: 0.12s;
            animation-delay: 0.12s;
    stroke-dasharray: 200;
  }
  .adam-svg-title .text-path:nth-child(15) {
    -webkit-animation: dash1_en 2s linear forwards;
            animation: dash1_en 2s linear forwards;
    -webkit-animation-delay: 0.16s;
            animation-delay: 0.16s;
    stroke-dasharray: 200;
  }
  .adam-svg-title .text-path:nth-child(16) {
    -webkit-animation: dash1_en 2s linear forwards;
            animation: dash1_en 2s linear forwards;
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
    stroke-dasharray: 200;
  }
  .adam-svg-title .text-path:nth-child(17) {
    -webkit-animation: dash1_en 2s linear forwards;
            animation: dash1_en 2s linear forwards;
    -webkit-animation-delay: 0.24s;
            animation-delay: 0.24s;
    stroke-dasharray: 200;
  }
  .adam-svg-title .text-path:nth-child(18) {
    -webkit-animation: dash1_en 2s linear forwards;
            animation: dash1_en 2s linear forwards;
    -webkit-animation-delay: 0.28s;
            animation-delay: 0.28s;
    stroke-dasharray: 200;
  }
  .adam-svg-title .text-path:nth-child(19) {
    -webkit-animation: dash1_en 2s linear forwards;
            animation: dash1_en 2s linear forwards;
    -webkit-animation-delay: 0.32s;
            animation-delay: 0.32s;
    stroke-dasharray: 200;
  }
  .adam-svg-title .text-path:nth-child(20) {
    -webkit-animation: dash1_en 2s linear forwards;
            animation: dash1_en 2s linear forwards;
    -webkit-animation-delay: 0.36s;
            animation-delay: 0.36s;
    stroke-dasharray: 200;
  }
  .adam-svg-title .text-path:nth-child(21) {
    -webkit-animation: dash1_en 2s linear forwards;
            animation: dash1_en 2s linear forwards;
    -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s;
    stroke-dasharray: 200;
  }
  .adam-svg-title .text-path:nth-child(22) {
    -webkit-animation: dash1_en 2s linear forwards;
            animation: dash1_en 2s linear forwards;
    -webkit-animation-delay: 0.44s;
            animation-delay: 0.44s;
    stroke-dasharray: 200;
  }
  .adam-svg-title .text-path:nth-child(23) {
    -webkit-animation: dash1_en 2s linear forwards;
            animation: dash1_en 2s linear forwards;
    -webkit-animation-delay: 0.48s;
            animation-delay: 0.48s;
    stroke-dasharray: 200;
  }
  .adam-svg-title .text-path:nth-child(24) {
    -webkit-animation: dash1_en 2s linear forwards;
            animation: dash1_en 2s linear forwards;
    -webkit-animation-delay: 0.52s;
            animation-delay: 0.52s;
    stroke-dasharray: 200;
  }
  .adam-svg-title .text-path:nth-child(25) {
    -webkit-animation: dash1_en 2s linear forwards;
            animation: dash1_en 2s linear forwards;
    -webkit-animation-delay: 0.56s;
            animation-delay: 0.56s;
    stroke-dasharray: 200;
  }
  .adam-svg-title .text-path:nth-child(26) {
    -webkit-animation: dash1_en 2s linear forwards;
            animation: dash1_en 2s linear forwards;
    -webkit-animation-delay: 0.6s;
            animation-delay: 0.6s;
    stroke-dasharray: 200;
  }
  .adam-svg-title .text-path:nth-child(27) {
    -webkit-animation: dash1_en 2s linear forwards;
            animation: dash1_en 2s linear forwards;
    -webkit-animation-delay: 0.64s;
            animation-delay: 0.64s;
    stroke-dasharray: 200;
  }
  .adam-svg-title .text-path:nth-child(28) {
    -webkit-animation: dash1_en 2s linear forwards;
            animation: dash1_en 2s linear forwards;
    -webkit-animation-delay: 0.68s;
            animation-delay: 0.68s;
    stroke-dasharray: 200;
  }
  .adam-svg-title .text-path:nth-child(29) {
    -webkit-animation: dash1_en 2s linear forwards;
            animation: dash1_en 2s linear forwards;
    -webkit-animation-delay: 0.72s;
            animation-delay: 0.72s;
    stroke-dasharray: 200;
  }
  .adam-svg-title .text-path:nth-child(30) {
    -webkit-animation: dash1_en 2s linear forwards;
            animation: dash1_en 2s linear forwards;
    -webkit-animation-delay: 0.76s;
            animation-delay: 0.76s;
    stroke-dasharray: 200;
  }
  .adam-svg-title .text-path:nth-child(31) {
    -webkit-animation: dash1_en 2s linear forwards;
            animation: dash1_en 2s linear forwards;
    -webkit-animation-delay: 0.8s;
            animation-delay: 0.8s;
    stroke-dasharray: 200;
  }
  .adam-svg-title .text-path:nth-child(32) {
    -webkit-animation: dash1_en 2s linear forwards;
            animation: dash1_en 2s linear forwards;
    -webkit-animation-delay: 0.84s;
            animation-delay: 0.84s;
    stroke-dasharray: 200;
  }
  .adam-svg-title .text-path:nth-child(33) {
    -webkit-animation: dash1_en 2s linear forwards;
            animation: dash1_en 2s linear forwards;
    -webkit-animation-delay: 0.88s;
            animation-delay: 0.88s;
    stroke-dasharray: 200;
  }
  .adam-svg-title .text-path:nth-child(34) {
    -webkit-animation: dash1_en 2s linear forwards;
            animation: dash1_en 2s linear forwards;
    -webkit-animation-delay: 0.92s;
            animation-delay: 0.92s;
    stroke-dasharray: 200;
  }
  .adam-svg-title .text-path:nth-child(35) {
    -webkit-animation: dash1_en 2s linear forwards;
            animation: dash1_en 2s linear forwards;
    -webkit-animation-delay: 0.96s;
            animation-delay: 0.96s;
    stroke-dasharray: 200;
  }
  .adam-svg-title .text-path:nth-child(36) {
    -webkit-animation: dash1_en 2s linear forwards;
            animation: dash1_en 2s linear forwards;
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
    stroke-dasharray: 200;
  }
  @-webkit-keyframes dash1 {
    0% {
      stroke-dashoffset: 800;
      stroke-width: 3px;
    }
    50% {
      stroke-dashoffset: 1600;
      stroke-width: 0.1px;
    }
    50.1% {
      stroke-dashoffset: 800;
    }
    80% {
      stroke-width: 2px;
      fill: #d2b;
      fill-opacity: 0;
    }
    100% {
      stroke-dashoffset: 0;
      stroke: #fff;
      stroke-width: 0;
      fill: #fff;
      fill-opacity: 1;
      stroke-dasharray: 400;
    }
  }
  @keyframes dash1 {
    0% {
      stroke-dashoffset: 800;
      stroke-width: 3px;
    }
    50% {
      stroke-dashoffset: 1600;
      stroke-width: 0.1px;
    }
    50.1% {
      stroke-dashoffset: 800;
    }
    80% {
      stroke-width: 2px;
      fill: #d2b;
      fill-opacity: 0;
    }
    100% {
      stroke-dashoffset: 0;
      stroke: #fff;
      stroke-width: 0;
      fill: #fff;
      fill-opacity: 1;
      stroke-dasharray: 400;
    }
  }
  @-webkit-keyframes dash1_en {
    0% {
      stroke-dashoffset: 200;
      stroke-width: 2px;
    }
    50% {
      stroke-dashoffset: 400;
      stroke-width: 0.1px;
    }
    50.1% {
      stroke-dashoffset: 200;
    }
    80% {
      stroke-width: 1px;
      fill: #d2b;
      fill-opacity: 0;
    }
    100% {
      stroke-dashoffset: 0;
      stroke: #fff;
      stroke-width: 0;
      fill: #fff;
      fill-opacity: 1;
    }
  }
  @keyframes dash1_en {
    0% {
      stroke-dashoffset: 200;
      stroke-width: 2px;
    }
    50% {
      stroke-dashoffset: 400;
      stroke-width: 0.1px;
    }
    50.1% {
      stroke-dashoffset: 200;
    }
    80% {
      stroke-width: 1px;
      fill: #d2b;
      fill-opacity: 0;
    }
    100% {
      stroke-dashoffset: 0;
      stroke: #fff;
      stroke-width: 0;
      fill: #fff;
      fill-opacity: 1;
    }
  }