@import "reset.css";
@import 'print.css';
@import url("reset.css");
@import url('print.css');
@import url(theme.css);
@import url("fineprint.css") print;
@import url("bluish.css") print, screen;
@import "common.css" screen;
@import url("landscape.css") screen and (orientation: landscape);
@import url("narrow.css") supports(display: flex) screen and (max-width: 400px);
@import "theme.css" layer(utilities);
@import url(headings.css) layer(default);
@import url(links.css) layer(default);
@media print {
.a {}
.b {}
}
@media screen and (resolution: 50.82dpcm) {
#a {}
.c {}
}
@supports (display: grid) {
.d {
color: #000;
}
@media (min-width: 900px) {
.e {
color: #fff;
}
}
}
@container (max-width: 420px) {
#b {
display: none;
}
.a {
font-size: 1.25rem;
}
}
@container (min-width: 9000px) {
.b {
gap: 1.75rem;
}
}
@keyframes foo-animation {
0% {}
33.33% {}
66.66% {}
100% {}
}
@keyframes bar-animation {
from {
transform: translateX(0%);
}
to {
transform: translateX(100%);
}
}