@font-face {
  font-family: "Overused Grotesk";
  src: url("/OverusedGrotesk-400.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Roboto Title";
  src: url("/Roboto-Title.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}

*,
::before,
::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-family:
    "Overused Grotesk", ui-sans-serif, system-ui, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  background: oklch(0.985 0 0);
  color-scheme: light;
}

h1 {
  font-size: inherit;
  font-weight: inherit;
}

a {
  color: inherit;
  text-decoration: inherit;
}

* {
  cursor:
    url("data:image/png;base64,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")
      11 12,
    auto !important;
}

.page {
  min-height: 100svh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.card {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  translate: -12px 0;
}

.heading {
  position: relative;
}

.title {
  text-transform: uppercase;
  font-family:
    "Roboto Title", "Overused Grotesk", ui-sans-serif, system-ui, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1.5rem;
  line-height: calc(2 / 1.5);
}

.mark {
  position: absolute;
  left: 100%;
  bottom: 100%;
  display: flex;
  pointer-events: none;
  margin-left: 0.5rem;
  margin-bottom: -0.5rem;
}

.logo {
  display: none;
}

.contact {
  font-size: 0.875rem;
  line-height: calc(1.25 / 0.875);
}

.contact .email {
  display: block;
}

@media (min-width: 48rem) {
  .card {
    gap: 1.25rem;
    translate: -24px 0;
  }

  .title {
    font-size: 2.25rem;
    line-height: 2.25rem;
  }

  .mark {
    margin-left: 0.875rem;
  }

  .logo {
    display: block;
  }

  .gall {
    display: none;
  }
}