:root {
  --first-action-dark-background: #353535;
  --first-action-light-background: var(--partial-dark-background);
  --second-action-dark-background: #f3f3f3;
  --second-action-light-background: var(--partial-light-background);
}

main h1 {
  text-transform: capitalize;
}

main h1 span,
main h1 a {
  color: var(--crimson);
}

main h1 a {
  text-decoration: none;
}

main #intro {
  display: flex;
  justify-content: space-between;
}

main #intro #action-buttons {
  display: flex;
  column-gap: 1rem;
}

main #intro #action-buttons a {
  text-decoration: none;
  border-radius: 0.5625rem;
  padding: 1rem 2rem;
}

main #intro #action-buttons a:first-of-type {
  background-color: var(--first-action-background);
  color: var(--white);
}

main #intro #action-buttons a:last-of-type {
  background-color: var(--second-action-background);
  color: var(--black);
}

main section {
  margin-bottom: 5rem;
}

main #projects > div:first-of-type,
main #blog > div:first-of-type {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media only screen and (max-width: 1024px) {
  main section {
    margin-bottom: 2rem;
  }

  main #intro #action-buttons {
    margin-top: 1.5rem;
  }

  main #intro img {
    display: none;
  }
}