:root {
  font-size:400%;
  font-family: 'Climate Crisis'; 
  /* Dieser Name korrespondiert mit den Einstellungen in fonts.css */
}

body {
  /* background: rgb(180,34,195); */
  background: linear-gradient(0deg, rgba(180,34,195,0.45420166357558645) 0%, rgba(253,45,45,1) 100%); 
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}




.bazooka {
  transform: rotate(-15deg);
  /* border-top: 5rem rgb(238, 3, 3) solid;
  border-bottom: 5rem rgb(43, 73, 226) solid; */
  margin: -6rem;
  width: 300vw;
  vertical-align: middle;
}


h1 {
  text-align: center;
  margin: -0.25rem 0 -0.4rem 0;
  animation: my-dickduenn 2s infinite alternate ease-in-out, my-schattenfarbe 1.5s infinite alternate ease-in-out; animation-delay: 0.5s;
}

@keyframes my-dickduenn {
  from { font-variation-settings: "YEAR" 1980; letter-spacing: -0.1rem; }
  to { font-variation-settings: "YEAR" 2050; letter-spacing: -0.1rem; text-shadow: rgb(243, 4, 119) 1px 0 10px; }

  /*font-weight: <weight>*/

  
}

@keyframes my-schattenfarbe {
  from { color: rgb(235, 67, 151); }
  to { color: rgb(184, 24, 104) }

}