An @media rule delimits a set of CSS style sheet rules specific to a target medium. Specify @media print for rules specific to paged media and @media screen for rules specific to screen display.^[2]

@media print {        /* applies to paged media */
  body {
    margin: 0;
    font-size: 10pt }
  }
@media screen {         /* applies to screen display */
  body {
    margin: 10%;
    font-size: 12px }
  }

body {                  /* applies to all media */
  font-family: sans-serif;
}