At-Rules Cheatsheet
Media Query
@media
/* can be used to apply part of a style stylesheet based on the result of one or more media queries */
Feature Query
@supports
/* gives web developers a way to test to see if a browser has support for a certain feature, then provide CSS that will only run based on the result of that test */
Import
@import
/* used to import style rules from other valid stylesheets; must be defined at the top of the stylesheet before any other at-rule (except #charset and @layer) and style declarations or it will be ignored */
Font Face
@font-face
/* specifies a custom font to display text; font can be loaded from either a remote server or installed locally on the user's computer */