html, body {
  min-height: 100%; }

  body {
    background: url(/static/images/global-background.png) #fee0e6;
    background-image: linear-gradient(to bottom, rgba(76, 0, 87, 0.5), rgba(76, 0, 87, 0) 600px),
        linear-gradient(to top, rgba(76, 0, 87, 0.25), rgba(76, 0, 87, 0) 200px),
        url(/static/images/global-background.png); }

    .front-page-link-grid {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: space-around;
      -ms-flex-pack: space-around;
      -webkit-justify-content: space-around;
      -moz-justify-content: space-around;
      justify-content: space-around; }
      .front-page-link-grid > a {
        -webkit-box-flex: 0 0 auto;
        -webkit-flex: 0 0 auto;
        -moz-box-flex: 0 0 auto;
        -moz-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        display: block; }

.glip-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  margin: 1em auto; }
  .glip-header a, .glip-header img {
    display: block; }

.glip-header-banner {
  -webkit-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; }

  .glip-header-icons {
    -webkit-box-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }

    .tile {
      background: #fffcfa;
      border-color: #4c0057;
      box-shadow: 1px 1px 3px rgba(128, 128, 96, 0.3); }