@font-face {
    font-family: 'EmberDisplayRegular';
    src:  url('/fonts/AmazonEmberDisplay-Regular.woff2') format('woff2');
    /* src:  url('/fonts/AmazonEmber_Rg.woff2') format('woff2'); */
}
@font-face {
    font-family: 'EmberDisplayBold';
    src:  url('/fonts/AmazonEmberDisplay-Bold.woff2') format('woff2');
}

@font-face {
    font-family: 'EmberModernDisplayBold';
    src:  url('/fonts/AmazonEmberModernDisplayStd-Bold.woff2') format('woff2');
}
@font-face {
    font-family: 'EmberModernDisplayRegular';
    src:  url('/fonts/AmazonEmberModernDisplayStd-Regular.woff2') format('woff2');
}   
@font-face {
    font-family: 'EmberMonoBold';
    src:  url('/fonts/AmazonEmberMono-Bold.woff2') format('woff2');
}

body {
  --color-text: #333;
  --color-background: blue;
  --color-button-background: #ccc;
  --color-ink: #161d26;

  /* 2160 x 1440 */
  /* --page-width: 1080px;
  --page-height: 720px; */
  --page-width: 2160px;
  --page-height: 1440px;

  overscroll-behavior-y: none;
  touch-action: none;

  background: #f5f3ef;

  font-family: EmberDisplayRegular;
  margin: 0;

}