:root{
    --galaxy: conic-gradient(
      from 0deg at 50% 50%,
      #ffe08a 0deg, #ff8e53 60deg, #8a4bff 150deg,
      #2dd4ff 240deg, #ff7ab6 300deg, #ffe08a 360deg
    );
  }

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  background-image: url('/images/bg.png');
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  width: 100vw;
  padding: 0;
  margin: 0;
  overflow: hidden;
  text-align: center;
}

/* Wrapper (valfritt om du vill lägga texten över bilden) */
.space-hero {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display:grid;
  place-items:center;
  width: 90%;
}

/* Själva rubriken */
.wow-text {
  font-family: "Oxanium", system-ui, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: .06em;
  line-height: 1.05;
  width: 100%;
  background: radial-gradient(120% 120% at 50% 45%, rgba(255,255,255,.9), rgba(255,255,255,.2) 30%, transparent 55%),
              var(--galaxy);
  background-size: 200% 200%, 300% 300%;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  text-shadow:
    0 0 6px rgba(255, 240, 200, .25),
    0 0 26px rgba(141, 97, 255, .30),
    0 0 64px rgba(45, 212, 255, .22);

  -webkit-text-stroke: .6px rgba(255,255,255,.35);
  animation: swirl 14s linear infinite;
  font-size: 150px;
  letter-spacing: .12em;
  word-break: break-all;
  text-wrap: pretty;
}

.wow-text span {
  margin: 0 -10px;
  display:inline; 
}

@keyframes swirl{
  0%   { background-position: 0% 50%, 0% 50%; }
  50%  { background-position: 100% 50%, 100% 50%; }
  100% { background-position: 0% 50%, 0% 50%; }
}