:root {
    --color-primary: white;
    --color-surface: #030303;
  }
  
  .container {
    font-size: 58vmin;
    position: absolute;
    display: grid;
    place-items: center;
    font-family: "Rajdhani", sans-serif;
    font-weight: bold;
    text-align: center;
    background: conic-gradient(#f6a2f6, #e74f89, #7e7ecb, #ffd500, #ee75d2, #13f5fa, #f6a2f6);
    -webkit-background-clip: text;
            background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
  }
  .container::before {
    content: "CSS 3";
    position: absolute;
    inset: 0;
    color: transparent;
    --c: color-mix(in srgb, white, transparent 94%);
    --c2: var(--color-surface);
    text-shadow: -5vmin 3.3333333333vmin 0.01vmin var(--c2), -4.75vmin 3.1666666667vmin 0.1vmin rgba(255, 255, 255, 0.9), -4.5vmin 3vmin 0.025vmin var(--c), -4.25vmin 2.8333333333vmin 0.025vmin var(--c), -4vmin 2.6666666667vmin 0.025vmin var(--c), -3.75vmin 2.5vmin 0.025vmin var(--c), -3.5vmin 2.3333333333vmin 0.025vmin var(--c), -3.25vmin 2.1666666667vmin 0.025vmin var(--c), -3vmin 2vmin 0.025vmin var(--c), -2.75vmin 1.8333333333vmin 0.025vmin var(--c), -2.5vmin 1.6666666667vmin 0.025vmin var(--c), -2.25vmin 1.5vmin 0.025vmin var(--c), -2vmin 1.3333333333vmin 0.025vmin var(--c), -1.75vmin 1.1666666667vmin 0.025vmin var(--c), -1.5vmin 1vmin 0.025vmin var(--c), -1.25vmin 0.8333333333vmin 0.025vmin var(--c), -1vmin 0.6666666667vmin 0.025vmin var(--c), -0.75vmin 0.5vmin 0.025vmin var(--c), -0.5vmin 0.3333333333vmin 0.025vmin var(--c), -0.25vmin 0.1666666667vmin 0.025vmin var(--c), -0vmin 0vmin 0.025vmin var(--c);
  }
  
  body {
    width: 100vw;
    height: 100vh;
    display: grid;
    margin: 0;
    position: relative;
    place-items: center;
    background-color:rgb(30, 194, 79);
    color: var(--color-primary);
  }
  body::after {
    content: "";
    position: absolute;
    inset: 0;
    mix-blend-mode: screen;
    filter: url(#noise) saturate(0) brightness(1.5);
    opacity: 0.36;
  }
  
  .filter {
    position: absolute;
    visibility: hidden;
  }
  
  a.labs-follow-me {
    left: 2rem;
    right: 2rem;
    bottom: 1rem;
    top: unset;
    text-align: center;
  }
  
  * {
    box-sizing: border-box;
  }