@font-face {
  font-family: 'ABCROM';
  src: url('../fonts/ABCROM-Light-Trial.otf') format('opentype');
  font-weight: 300;
}
@font-face {
  font-family: 'ABCROM';
  src: url('../fonts/ABCROM-Medium-Trial.otf') format('opentype');
  font-weight: 700;
}

body {
  font-family: 'ABCROM', sans-serif;
  background: #fff;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex { display: flex; }
.flex-col { flex-direction: column; }
.items-center { align-items: center; }
.justify-center { justify-content: center; }
.min-h-screen { min-height: 100vh; }
.bg-white { background: #fff; }
.gap-8 { gap: 40px; }
.h-24 { height: 6rem; }
.w-auto { width: auto; }
.mb-8 { margin-bottom: 2rem; }
.text-3xl { font-size: 1.875rem; font-weight: 700; }
.font-bold { font-weight: 700; text-transform: uppercase; }
.mb-2 { margin-bottom: 5px; }
.text-lg { font-size: 1.125rem; }
.text-gray-500 { color: #6b7280; }

p {
    margin: 0;
}
svg {
  fill: currentColor;
  width: 30vw;
  max-width: 700px;
}

/* Mobile */
@media (max-width: 1024px) {
  svg {
    width: 600px;
  }
}
@media (max-width: 768px) {
  svg {
    width: 300px;
  }
}