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

body {
  background: rgb(0, 0, 0)
}

.morphing {
	 position: relative;
	 font-size: 20vw;
	 letter-spacing: -2vw;
	 background-color: rgb(0, 0, 0);
	 color: rgb(255, 255, 255);
	 min-height: 100vh;
	 filter: contrast(7);
}
.word {
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -43%);
	 animation: word 7s infinite ease-in-out;

}
.word:nth-child(1) {
	 animation-delay: -12s;
	 font-feature-settings: "ss11";
}
.word:nth-child(2) {
	 animation-delay: -10s;
	 font-feature-settings: "ss12";
}
.word:nth-child(3) {
	 animation-delay: -8s;
	 font-feature-settings: "ss04";
}
.word:nth-child(4) {
	 animation-delay: -6s;
	 font-feature-settings: "ss03";
}
.word:nth-child(5) {
	animation-delay: -4s;
	font-feature-settings: "ss10";
}
.word:nth-child(6) {
	animation-delay: -2s;
	font-feature-settings: "ss01";
}




@keyframes word {
	0%, 20%, 100% {
		filter: blur(0px);
		opacity: 1;
   }
	30%, 80% {
		filter: blur(2px);
		opacity: 0;
   }
}