:root {
  --ink: #393939;
  --paper: #f4f1e8;
}

@font-face {
  font-family: "Century Gothic Local";
  src: url("assets/centurygothic.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

* { box-sizing: border-box; }
html, body { min-height: 100%; }
body { margin: 0; background: var(--paper); color: var(--ink); }

.coming-soon {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly ;
  min-height: 100vh;
  padding: 32px;
  text-align: center;
  flex-wrap: wrap;
}

.coming-soon img {
  height: auto;
  max-width: min(280px, 75vw);
}

.coming-soon h1 {
  font-family: "Century Gothic Local", "Century Gothic", sans-serif;
  font-size: clamp(2.5rem, 7vw, 5rem);
  font-weight: 400;
  line-height: 1;
}