a {
  color: #0d6efd;
  text-decoration: none;
}

a:hover {
  color: #0a58ca;
}

:root {
  --me-bg: #ffffff;
  --me-text: #171717;
  --me-body: #333333;
  --me-muted: #777777;
  --me-line: #ded8cf;
  --me-white: #ffffff;
}

html {
  scroll-behavior: smooth;
}

body {
  background: var(--me-bg);
  color: var(--me-text);
  margin: 0;

  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;

  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.container {
  max-width: 900px;
}

h1 {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: clamp(2.4rem, 5vw, 4rem);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: -0.035em;
  margin-bottom: 1.5rem;
  text-wrap: balance;
}

h2 {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: clamp(1.55rem, 2.5vw, 2rem);
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.005em;
  margin-bottom: 0.8rem;
}

h3 {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.01em;
  margin-bottom: 0.5rem;
}

/* Normal text */
p {
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--me-body);
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.55;
  margin-bottom: 1.25rem;
}

@media (max-width: 600px) {
  .container {
    padding-inline: 1.25rem;
  }

  h1 {
    font-size: 2rem;
    line-height: 1.12;
    letter-spacing: -0.02em;
  }

  h2 {
    font-size: 1.5rem;
    line-height: 1.25;

  }

  h3 {
    font-size: 1.0625rem;
  }

  p {
    font-size: 1rem;
    line-height: 1.55;
  }
}