:root {
  --font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-family-script: 'Euphoria Script', cursive;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
}

body {
  font-family: var(--font-family-base);
  font-weight: var(--font-weight-light);
}

h1, h2, h3, h4, h5, h6, strong {
  font-weight: var(--font-weight-medium);
}

h1 {
  margin-bottom: 10px;
  padding: 15px 0;
  font-size: 60px;
  font-weight: var(--font-weight-bold);
  text-align: center;
  letter-spacing: -0.05em;
}

.container {
  width: 500px;
  margin-inline: auto;
}

.name {
  font-family: var(--font-family-script);
  font-size: 150%;
}