// 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
.remove-bullet-points li
  list-style-type: none
  padding-left: 2em
  text-indent: -1.25em


#rotating-gradient
  background: linear-gradient(15deg, #1E1F46, #404040)
  animation: 5s linear infinite gradient
  position: relative
  background-size: 200% 200%

@keyframes gradient
  0%
    background-position: 0 50%
  50%
    background-position: 100% 50%
  100%
    background-position: 0 50%