@mixin xs-screen {
  @media (max-width: 599px) { @content; }
}
@mixin sm-screen {
  @media (min-width: 600px) and (max-width: 959px) { @content; }
}
@mixin lg-screen {
  @media (min-width: 960px) { @content; }
}

@mixin body-font { font-family:  -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
@mixin title-font { font-family: 'Roboto Condensed', sans-serif; }
@mixin fixed-font { font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; }
@mixin scribble-font { font-family: 'Permanent Marker', cursive; }