img {
	max-width: 95%;
}

h1 {
	text-align: center;
    font-size: xx-large;
    font-weight: bold;
    margin-bottom: 1rem;
	/* margin-block-end: 2.5rem; */
}

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

.stock-ticker a {
	color: #0f0;
}
.stock-ticker ul {
	list-style: none;
	flex-shrink: 0;
	min-width: 95%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	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)));
	}
}

.stock-ticker .price {
	margin-inline: 4px;
}