img {
	max-width: 95%;
}

h1 {
	text-align: center;
   font-size: xx-large;
   font-weight: bold;
   margin-bottom: 1rem;
}

.stock-ticker {
	--gap: 12px;
	font-size: large;
   font-weight: bold;
	padding-block: 8px;
	border-block: 1px solid;
	overflow: hidden;
	user-select: none;
   color: #0f0;
   background-color: #000;
	display: flex;
	/* gap: var(--gap); */
}

.stock-ticker a {
	color: #0f0;
}
.stock-ticker ul {
	list-style: none;
	display: flex;
	flex-shrink: 0;
	justify-content: space-between;
	align-items: center;
	min-width: 90%;
	gap: var(--gap);
	animation: scroll 20s linear infinite;
}

.stock-ticker:hover ul {
	animation-play-state: paused;
}

@keyframes scroll {
	to {
		transform: translateX(calc(-100% - var(--gap)));
	}
}