@font-face {
  font-family: 'TAY Flapjack';
  src: url('../fonts/TAYFlapjack.otf') format('opentype');
  src: url('../fonts/TAYFlapjack.woff') format('woff');
  src: url('../fonts/TAYFlapjack.woff2') format('woff2');
}

@font-face {
  font-family: 'TAY Misprint';
  src: url('../fonts/TAYMisprint.otf') format('opentype');
  src: url('../fonts/TAYMisprint.woff') format('woff');
  src: url('../fonts/TAYMisprint.woff2') format('woff2');
}

html, body {
  margin: 0;
  padding: 0;
}

body {
  width: 100vw;
  height: 100vh;
  background-color: #FFFDF6;
  overflow: hidden;
}

.company-name {
  font-family: 'TAY Flapjack', Arial, sans-serif;
  font-weight: 500;

  /* Scales down with screen width, but never exceeds 10vh */
  font-size: clamp(3rem, 12vw, 8vh);

  /* Help prevent the 2nd line from wrapping on very narrow screens */
  max-width: 95vw;

  text-align: center;

  margin: 10vh auto 3vh auto;
}

.company-tagline {
  font-family: 'TAY Misprint', Arial, sans-serif;
  font-weight: 300;

  /* Scales down with screen width, but never exceeds 10vh */
  font-size: clamp(1rem, 4vw, 2vh);

  /* Help prevent the 2nd line from wrapping on very narrow screens */
  max-width: 95vw;

  margin: 5vh auto;

  text-align: center;
}

.copyright {
  font-family: 'TAY Misprint', Arial, sans-serif;
  font-size: 1vh;
  text-align: center;
  position: absolute;
  margin: 0 auto;
  width: 100%;
  bottom: 2vh;
}