@import 'file'; // using a relative path

@font-face {
	font-family: FontMcFontFace;
	src: url(fontmcfontface.woff);
}

@keyframes move {
	from { top: 0px }
	to { top: 10px }
}

:root {
	--main-background-color: papayawhip;
}

body {
	font-family: 'FontMcFontFace', sans-serif;
}

div[class*=demo-] {
	background: var(--main-background-color);
}

/* Lets be clear that this does nothing
all of this CSS does
nothing
*/

#text {
	@media print {
		font-size: 10px;
	}

	@media only screen and (max-width: 500px) {
		font-size: 14px;
		background: papayawhip !important;
	}
}