@font-face {
	font-family: Mulish;
	src: url("../font/Mulish-Regular.ttf");
}
:root {
	--font-family: Mulish;
	--theme-clr: #161728;
	--white: #fff;
	--shade-of-dark: #111827;
	--primary-clr: #1c64f2;
}
*,
*::before,
*::after {
	font-family: var(--font-family);
	font-size: 15px;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.tracks-wrapper {
	counter-reset: track-item;
}
.tracks-wrapper .track-item > span {
	counter-increment: track-item;
}
.tracks-wrapper .track-item > span::before {
	content: counter(track-item);
	font-size: 1.2rem;
}

.blog-news .skeleton {
	background-color: hsl(0, 2%, 77%);
	opacity: 0.72;
	animation: transit 1.1s infinite alternate;
}

@keyframes transit {
	100% {
		opacity: 0.9;
		background-color: hsl(0, 9%, 100%);
	}
}