html {
  scroll-behavior: smooth;
}

.tab-content {
	display: none;
	animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
	from {
			opacity: 0;
			transform: translateY(10px);
	}

	to {
			opacity: 1;
			transform: translateY(0);
	}
}

#tab-stock:checked~#content-stock,
#tab-commodity:checked~#content-commodity,
#tab-currency:checked~#content-currency {
	display: block;
}

#tab-stock:checked~.tab-buttons label[for="tab-stock"],
#tab-commodity:checked~.tab-buttons label[for="tab-commodity"],
#tab-currency:checked~.tab-buttons label[for="tab-currency"] {
	background-color: #eab308;
	color: white;
}