:root {
  font-size: 100%;
  font-family: 'flexa', 'roboto'; /* Dieser Name korrespondiert mit den Einstellungen in fonts.css */
}
body {
  background: black;  
  display: grid;
  place-items: center;
  height: 100vh;
  margin: 0;


}
h1, h2 {
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 100px;
  font-weight: 600;
  text-align: center;
  /*animation*/

  rotate: -30deg;
}
h1 {
  color: darkturquoise;
}
h2 {
  animation-name: moveit;
  animation-duration: 2s;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  color: greenyellow;
  opacity: 0.5;
}
@keyframes moveit {
  /*font-weight: 1% 950%:*/
  from {
    transform: translate(-50%, -50%) 

  }
  to {
    transform: translate(-30%, -30%) ;
  }
}
/* Media Query für Bildschirmbreiten kleiner als 390px */
@media screen and (max-width: 390px) {
  body {
    position: relative;
    left: 70px;
    top: 50px;
    bottom: 50px;
  }
}