/* Webfont: UnormativeFraktur */@font-face {
    font-family: 'UnormativeFraktur';
    src: url('fontes/UnormativeFraktur.woff') format('woff'), /* Modern Browsers */
         url('fontes/UnormativeFraktur.woff2') format('woff2'); /* Modern Browsers */
             font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

html, body {
    height: 100%;
}

body { 
    background:linear-gradient(270deg, black, rgb(32, 32, 32), rgb(45, 45, 45), rgb(58, 58, 58), rgb(80, 80, 80), rgb(136, 136, 136), rgb(162, 162, 162));
    background-size: cover;
    background-position: center;
    display: grid;
    place-content: center;
    animation: psychedelic 20s ease infinite;
    background-size: 800% 800%;
}

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

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

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

  h1 {
    justify-content:center;
    text-align: center;
    width: 100%;
color: red;
font-weight: bold;
    font-family: "UnormativeFraktur";

 }



 div {justify-content: center;
    text-align: center;
    width: 100%;
font-weight: bold;
    font-family: "UnormativeFraktur";
color: red;}
 
 a { color: red;}

   .rainbow-animate {
    font-size: 3em;
    font-weight: bold;
    text-transform: uppercase;
    background: linear-gradient(270deg, red, orange, yellow, green, cyan, blue, violet);
    background-size: 1000% 1000%;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    animation: rainbowShift 12s linear infinite;
  }

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

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

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

    .hover-gradient {
    background: linear-gradient(90deg, #ff0080, #ff8c00, #40e0d0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 300%;
    transition: background-position 0.5s;
    text-decoration: none;
  }

  .hover-gradient:hover {
    background-position: 100%;
  }