/* Resume page specific spacing and typography tweaks */

.resume h1 {
  font-family: var(--font-primary);
  font-size: 2.2em;
  margin: 10px 0 24px;
  color: var(--primary-color);
}

.resume h2 {
  font-family: var(--font-primary);
  font-size: 1.8em;
  margin: 48px 0 16px;
  color: var(--primary-color);
}

.resume h3 {
  font-family: var(--font-primary);
  font-size: 1.3em;
  margin: 0 0 8px;
  color: var(--primary-color);
}

.resume p {
  margin: 0 0 12px;
}

.resume ul {
  margin: 8px 0 0 1.25rem;
}

.resume li {
  margin: 6px 0;
}

.resume ul ul {
  margin-top: 6px;
}

/* Space between grouped sections */
.resume .experience,
.resume .education {
  margin-bottom: 36px;
}

/* Add top space to the first experience block under the heading */
.resume h2 + .experience {
  margin-top: 12px;
}

/* Give the overall resume section comfortable vertical rhythm */
.resume {
  padding-top: 10px;
}