@font-face {
	font-family: "Quattrocento";
	src: url("/tvapi/static/fonts/quattrocentosans-regular.ttf") format("truetype");
	font-display: swap;
}

@font-face {
	font-family: "Quattrocento";
	font-weight: bold;
	src: url("/tvapi/static/fonts/quattrocentosans-bold.ttf") format("truetype");
	font-display: swap;
}

:root {
	--colour-main: #000000;
	--background-main: #FFFFFF;
	--colour-date: #595959; /* #8B8B8B */
	--background-date: #FFFFFF;
	--border-radius: 8px;
	--border-radius-pills-small: 8px;
	--border-radius-pills-big: 8px;
}

body {
	margin: 0;
	box-sizing: border-box;
	font-size: 14px;
	font-family: "Quattrocento", sans-serif;
}

*, *::before, *::after {
	box-sizing: inherit;
}

.button-link {
	color: var(--colour-main);
	font-size: 20px;
	display: block;
	text-decoration: none;
}