// Set the margins and size of social media icons
.social-button
  margin: .5em
  font-size: 3vw

// Make the gravatar icon a circle
#gravatar
  border-radius: 50%
  height: 50px

// Set the width for project cards to 18rem and set the margin to auto (will center the card in the div)
.project-card
  width: 18rem
  margin: auto

// https://stackoverflow.com/a/26056554/14395984
.auto-scale
  width: 100%
  height: auto
  max-height: 100%

// Remove bullet points from the about page
// https://stackoverflow.com/questions/1027354/i-need-an-unordered-list-without-any-bullets
main li
  list-style-type: none
  padding-left: 2em
  text-indent: -2em