$white: #ffffff;
$black: #000000;
$offwhite: #FBF4EC;
$offblack: #171717;
$offgray: #F8F6F8;
$docsred: #D12F52;

$serif: 'Bitter', serif;
$sans: 'Open Sans', sans-serif;
$codefont: 'Fira Code', 'Hasklig', consolas, monospace;

@mixin prefix($key, $val) {
  -webkit-#{$key}: $val;
  -moz-#{$key}: $val;
  #{$key}: $val;
}

@mixin smalldesk {
  @media screen and (max-width: 1190px) {
    @content;
  }
}

@mixin tablet {
  @media screen and (max-width: 768px) {
    @content;
  }
}

@mixin phone {
  @media screen and (max-width: 550px) {
    @content;
  }
}