@import url('https://fonts.googleapis.com/css2?family=Francois+One&display=swap');
/* Main styles */
 .text--transparent {
	fill: transparent;
}
 .anim-shape {
	 -webkit-transform-origin: 0 150px;
	 -ms-transform-origin: 0 150px;
	 transform-origin: 0 150px;
	 -webkit-transform: scale(0, 1) translate(0, 0);
	 -ms-transform: scale(0, 1) translate(0, 0);
	 transform: scale(0, 1) translate(0, 0);
	 -webkit-animation: moving-panel 5s ;
	 -ms-animation:moving-panel 5s;
	 animation: moving-panel 5s   ;
	 -ms-iteration-count:infinite;
	 animation-iteration-count: infinite ;
	 -webkit-animation-iteration-count: infinite ;
}
 .colortext .anim-shape:nth-child(1) {
	 fill: #800020
}
 .colortext .anim-shape:nth-child(2) {
	 fill:  #e9f1df;
}
 .colortext .anim-shape:nth-child(3) {
	 fill: #800020;
}
 .colortext .anim-shape:nth-child(4) {
	 fill: #e9f1df;
}
 .colortext .anim-shape:nth-child(5) {
	 fill: #800020;
}

 @-webkit-keyframes moving-panel {
	 100% {
		 -webkit-transform: scale(1, 1) translate(20px, 0);
		 transform: scale(1, 1) translate(20px, 0);
		 -ms-transform: scale(1, 1) translate(20px, 0);;
	}
}
 @keyframes moving-panel {
	 100% {
		 -webkit-transform: scale(1, 1) translate(20px, 0);
		 transform: scale(1, 1) translate(20px, 0);
		 -ms-transform: scale(1, 1) translate(20px, 0);;
	}
}
/* Other stuff */

 svg {
	
	max-width: 100%;
	max-height: 100%;
	
}
.responsive{

max-width:100%;
background: #eee;
	 font: 2.5em  'Francois One', sans-serif;
	max-height: 90%;
	 font-weight: 900px;
}