body
  background: black
  color: #eee
  font-size: 16px

a
  color: #2ecc71
  text-decoration: none
  transition: color 300ms ease-in-out
  &:hover
    color: darken(#2ecc71, 10%)

table
  box-sizing: border-box
  width: 100%
  border: none
  tr
    &:not(:last-child)
      td
        border-bottom: 1px solid white
    td
      border: none
      &:not(:last-child)
        border-right: 1px solid white

#background-image
  position: fixed
  left: 0
  top: 0
  z-index: -1
  width: 100%
  max-height: 100%
  // Add blur effect
  filter: blur(5px) grayscale(30%) brightness(95%)
  -webkit-filter: blur(5px) grayscale(30%) brightness(95%)

#main-container
  max-width: 1050px
  margin-top: 30px
  margin-bottom: 50px
  padding: 25px 45px
  background: #333
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)

#main-header
  margin-bottom: 40px

.server-info
  h3
    text-align: center
    text-decoration: underline
  td
    font-size: 2rem

#site-links
  h5
    font-weight: bold
    text-decoration: underline
  ul
    list-style: none
    font-size: 2rem