assets/logo.svg

<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 1000 85" width="1000" height="85" style="/*! background: #0d1117; */">
  <foreignObject width="100%" height="100%">
    <div xmlns="http://www.w3.org/1999/xhtml">
      <style>
        @keyframes gradientText {
          0% {
            background-position: 0% 50%;
          }
          50% {
            background-position: 100% 50%;
          }
          100% {
            background-position: 0% 50%;
          }
        }
        
        h1 {
          font-family: 
          'Segoe UI', 
          'Roboto', 
          'Oxygen', 
          'Ubuntu', 
          'Cantarell', 
          'Fira Sans', 
          'Droid Sans', 
          'Helvetica Neue', 
          sans-serif;
          margin: 0;
          font-size: 3.75em;
          font-weight: 1000;
          letter-spacing: -.05em;
          text-align: center;
          float: center;
        }
        .text {
          background: -webkit-linear-gradient(right, #ff056e, #3c66ff);
          background: linear-gradient(270deg, #ff056e 0, #3c66ff);
          background-size: 350%;
          background-clip: text;
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          -webkit-animation: gradientText 3s ease infinite;
          animation: gradientText 3s ease infinite;
        }
      </style>
      <h1>
        <span class="text">PDFuck</span>
      </h1>
    </div>
  </foreignObject>
</svg>