.profile
  text-align: center
  background: #ffffff33
  border-radius: 1rem
  padding: .8em 1em .6em 1em
  margin: 1em
  border: .1rem solid #333333
  transition: background-color .2s, border-color .2s, box-shadow .2s, color .2s
  h1
    line-height: 1
  p
    line-height: 1.2
  h1, p, span
    margin: 0

a.profile
  display: block
  &:hover
    background: #ffffff55
  span, p, .social-links
    color: black

.social-links
  width: 100%
  text-align: center
  position: relative
  background: #40a10b
  background: linear-gradient(90deg, rgba(0,0,0,0) 0%, #e1b02777 47%, rgba(0, 0, 0, 0) 95%)
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
  // padding-bottom: .3em
  > a
    padding: 0 1em
  .dscvr-logo, .x-logo
    width: 1em
    vertical-align: middle
  .controls
    a
      font-size: 0.6em

.about
  background: #34b134
  background: image-url('backgrounds/felt-green.png')
  width: 100%
  color: #019d01
  background: #031804
  text-shadow: none
  h2
    text-align: center
    color: #000
    text-shadow: -1px 1px #e1b027, 1px -1px #00ddff
  p
    text-shadow: 0px 0px 2px #34b134
    font-family: "sans"
