:root {
  --azul: #1e2c5b;
  --amarillo: #eba802;
  --letra_titulos: 'Archivo Black', sans-serif;
  --textos_especiales:  'Courgette', cursive;
  --textos_especiales2:  'Sriracha', cursive;
  --textos_especiales3: 'Tangerine', cursive;
  --texto_otros1: 'Francois One', sans-serif;
  --texto_otros2: 'Lexend Deca', sans-serif;
}

.marquee{
	width: 100%;
	height: 60px;
	border-top: 3px solid var(--amarillo);
	border-bottom: 3px solid var(--amarillo);
	overflow: hidden;
	padding: 10px;
	color: white;
	font-family: var(--texto_otros2);
	background-color: var(--azul);
}

.marquee li{
	font-size: 30px;
}

.marquee__content{
	display: flex;
	list-style: none;
	animation: scrolling 12s linear infinite;
}

.marquee__item{
	flex-shrink: 0;
}

@keyframes scrolling {
	0%{ transform: translateX(0)}
	100%{transform: translateX(-100%)}
	keyframes
}