@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;
}