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

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

.morphing {
	 position: relative;
	 font-size: 18vw;
	 letter-spacing: -2vw;

	 background-color: rgb(0, 0, 0);
	 color: #fff;
	 min-height: 100vh;
	 filter: contrast(8) blur(2px);
}
 .word {
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -43%);
	 animation: word 10s infinite ease-in-out;
}
 .word:nth-child(1) {
	 animation-delay: -10s;
	 font-feature-settings: "ss02";
}
 .word:nth-child(2) {
	 animation-delay: -8s;
	 font-feature-settings: "ss08";
}
 .word:nth-child(3) {
	 animation-delay: -6s;
	 font-feature-settings: "ss06";
}
 .word:nth-child(4) {
	 animation-delay: -4s;
	 font-feature-settings: "ss01";
}
 @keyframes word {
	0% {
		filter: blur(0px);
		opacity: 1;
		font-variation-settings: 'wdth' 100;
	}
	25% {
		filter: blur(8px);
		opacity: 0;
		font-variation-settings: 'wdth' 150;
	}
	50% {
   		filter: blur(16px);
   		opacity: 0;
   		font-variation-settings: 'wdth' 200;
	}
	75% {
		filter: blur(8px);
		opacity: 0.5;
		font-variation-settings: 'wdth' 150;
 	}
	100% {
		filter: blur(0px);
		opacity: 1;
		font-variation-settings: 'wdth' 100;
 	}



}