/* styles.css */
:root {
  --max-w: 600px;
  --height: 75vh;
  --gap: 12px;
  --text-color: #111;
  --muted-color: #444;
  --font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

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

html, body {
  height: 90%;
}

body {
  font-family: var(--font-family);
  color: var(--text-color);
  background: #fff;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

/* container */
.center-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: var(--max-w);
  width: 70%;
  height: var(--height);
  margin: 0 auto;
  gap: var(--gap);
  line-height: 1.4;
}

/* başlık/metin stili */
.center-box > /* İlk metin "Elveda" */ :first-child {
  font-weight: 500;

}

.center-box h6 {
  font-size: 0.95rem;
  font-weight: 400;
  margin-top: 6px;
}

/* responsive küçük ekranlar için */
@media (max-width: 420px) {
  :root { --max-w: 100%; --height: auto; }
  .center-box { padding: 16px 8px; }
  .center-box h6 { font-size: 0.92rem; }
}