/* --- SCROLL TEXT --- */
	
.wrapper {
	max-width: 800px;
	height: 85px;
	display: block;
	margin: 0 auto;
	width: 960px;
	font-family: intro_font;
	line-height: 4rem;
	text-transform: uppercase; 
	background-color: #623;
	border-radius: 12px;
	background-image: linear-gradient(#66AA11, #AA9911); 
	color: white;
	text-shadow: 2px 2px 4px #000000;
}
.text-scrolling {
	width: 100%;
}

.vt {
	font-family: intro_font;
}
.bold {
	font-family: intro_font;
	font-weight: 100;
}
.intro_text {
	font-family: intro_font, sans-serif;
	font-weight: normal;
	font-size: 12px;
	letter-spacing: 1px;
	color: #A82211;
	background-image: -webkit-linear-gradient(95deg, #f35626, #feab3a);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-animation: hue 10s infinite linear;
	}

@-webkit-keyframes hue {
	from {
		-webkit-filter: hue-rotate(0deg);
	}
	to {
    -webkit-filter: hue-rotate(-360deg);
	}
}








.link {
  color: #FF1;
  padding: 3px 15px;
  text-transform: initial;
}

.row {
  overflow: hidden;
  height: 80px;
  position: relative;
}

.row p {

  position: absolute;
  min-width: 100%;  
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  align-items: center;
}

.row p span, 
.row p:after {
  position: relative;
  display: inline-block;
  font-size: 3rem;
  white-space: nowrap;
  top:0;
}

.row-1 p {
  animation: scrolling-type-1 81s infinite linear;
}

.row-2 p {
  animation: scrolling-type-2 22s infinite linear;
}

/* -- ASSIGN SCROLL FONT -- */
@font-face { 
	font-family: intro_font;  
	font-style: normal; 
	font-weight: 100; 
	src: url("../fonts/04B_30__.TTF");
}


@keyframes scrolling-type-1 {
  0% {
    transform: translate(0, 0%);
    opacity: 0%;
  }
  10%{
    opacity:100%;
  }
  90%{
    opacity:100%;
  }
  100% {
    transform: translate(-100%, 0%);
    opacity: 0%;
  }
}

@keyframes scrolling-type-2 {
  0% {
    transform: translate(50%, 0%);
    opacity: 0%;
  }
  10%{
    opacity:100%;
  }
  90%{
    opacity:100%;
  }
  100% {
    transform: translate(-100%, 0%);
    opacity: 0%;
  }
}




