data/import-fonts.css (811 bytes)

@import url("a@b{c}d;e.css");

@import url("gridy.css") supports(display: grid) screen and (max-width: 400px);

@import url("flexy.css") supports(not (display: grid) and (display: flex)) screen
  and (max-width: 400px);

@import url("lands%cape.css") screen and (orientation: landscape);

@import url("whatever.css") supports((selector(h2 > p)) and
    (font-tech(color-COLRv1)));

@import "foo1.css";

@import "foo2.css" layer(layer-name) supports(display:inline);

@import "foo3.css" supports(display:inline), screen;

@import "tes!#$%^&*()_+-=\][|?><,./t.css" aaabbbb;

@import url('https://fonts.googleapis.com/css2?family=Comforter&display=swap');
.test {
	margin:30px;
	padding:30px;
	border:1px solid black;
	font-family: 'Comforter', cursive;
	font-size:64px;
	color:green;
}
.test:hover{
	color:red;
}