html,
body {
  background-color: #f5f5f5;
}

body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
}

.navbar {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
}

.section {
  padding-top: 3rem;
}

.content a {
  color: #3273dc;
}

.content a:hover {
  color: #2759a5;
}

.content h1,
.content h2,
.content h3 {
  margin-top: 1.5em;
}

/* Scratch project banners */
.scratch-project {
  margin-bottom: 2.5rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #eee;
}

.scratch-project:last-child {
  border-bottom: none;
}

.scratch-project-banner {
  max-width: 320px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  margin-bottom: 1rem;
  display: block;
}