@font-face {
	font-family: "Rooftop";
	src: url("rooftop-medium.woff2") format("woff2"), url("rooftop-medium.woff") format("woff"),
		url("rooftop-medium.ttf") format("truetype");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Rooftop";
	src: url("rooftop-bold.woff2") format("woff2"), url("rooftop-bold.woff") format("woff"),
		url("rooftop-bold.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Rooftop";
	src: url("rooftop-wide-extrabold.woff2") format("woff2"), url("rooftop-wide-extrabold.woff") format("woff"),
		url("rooftop-wide-extrabold.ttf") format("truetype");
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}