:root {
  --color-background: #FFEED1;
  --color-font: #4C3208;
  --color-dark: #4C3208;
}

@font-face {
  font-style: all;
  font-family: 'Frutiger';
  src: url('./fonts/FrutigerNextLTW1G-RegularCn.otf') format('opentype');
}

@font-face {
  font-style: all;
  font-family: 'arial-rounded';
  src: url('./fonts/ArialRoundedMTProBold.otf') format('opentype');
}

body {
  line-height: 1.25;
  background-color: var(--color-background);
  font-family: 'Frutiger';
  color: var(--color-font);
}

img {
  max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 2px;
}

h1,h2,h3,h4,h5,h6 {
  font-family: 'arial-rounded';
  text-align: center;
}

h1 {
  padding-top: 0.5rem;
  border-top: 2px solid var(--color-dark);
  margin-bottom: -1rem;
}

h1:first-child {
  border-top: 0px solid var(--color-dark);
}

h2 {
  padding-top: 0.5rem;
  border-top: 2px solid var(--color-dark);
  margin-bottom: -1rem;
}

h2:first-child {
  border-top: 0px solid var(--color-dark);
}