* {
  margin: 0;
  padding: 0;
  font-family: "BeVietnamPro";
  color: white;
}

body {
  background: #000;
}

body::after {
  content: "";
  position: fixed;
  inset: 0;
  background: repeating-linear-gradient(
    0deg,
    transparent,
    transparent 2px,
    rgba(255, 255, 255, 0.018) 2px,
    rgba(255, 255, 255, 0.018) 4px
  );
  pointer-events: none;
  z-index: 9999;
}

@font-face {
  font-family: "BeVietnamPro";
  src: url("/fonts/BeVietnamPro-Black.ttf");
}

@font-face {
  font-family: "Pencil Child";
  src: url("/fonts/Pencil Child.ttf");
}

.titlebar {
  padding: 2.5rem 3rem;
  position: relative;
  z-index: 1;
}

.logo {
  font-size: 1.5rem;
  text-transform: lowercase;
  letter-spacing: 0.25em;
}