/* custom-overrides.css */


html {
  font-size: 100%;
}

[class*="gh-"] {
  font-size: 100%;
}

h1 {
  font-size: 300% !important;
}

.gh-viewport {
  padding-top: 100px;
}

/* Example neo-brutalism for .gh-card */
.gh-card {
  display: block;
  padding: 1.5rem;
  border-radius: 0.75em;
  background: #fbf6e5;
  color: #111;
  border: 1.5px solid #000;
  box-shadow: 3px 3px 0 #000;
  font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  font-weight: 600;
  transition:
    transform 0.12s ease-out,
    box-shadow 0.12s ease-out;
}

.gh-card:hover {
  transform: translate(-2px, -2px);
  box-shadow: 6px 6px 0 #000;
}

.gh-card:active {
  transform: translate(2px, 2px);
  box-shadow: 3px 3px 0 #000;
}

img {
  border-radius: 0.75em;
  border: 1.5px solid #000;
}

td,
th {
  border: 1px solid;
  padding: 5px;
}

.gh-article-image {
  grid-column: main-start !important;
}

.gh-container {
  margin-top: 0;
}

.post-template .gh-container {
  margin-top: 0;
}

/* Neo-brutalism styling for signup button */
[data-testid="signup-button"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
  font-size: 2rem;
  line-height: 3.5rem;
  font-weight: 600;
  transition: all 0.15s ease-in-out;
  background-color: #e5486c;
  color: white;
  border-radius: 0.4rem;
  border: 1.5px solid #000;
  box-shadow: 2px 2px 0 #000;
  padding: 0.5rem 2rem;
  min-height: 2.5rem;
  cursor: pointer;
}

[data-testid="signup-button"]:hover {
  transform: translateY(2px);
  box-shadow: 1px 1px 0 #000;
}

[data-testid="signup-button"]:active {
  transform: translateY(3px);
  box-shadow: none;
}

[data-testid="signup-button"]:disabled {
  pointer-events: none;
  opacity: 0.5;
}