body::before {
    background-size: cover;
    background-attachment: fixed;
    content: '';
    will-change: transform;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    position: fixed;
}
@media (max-width: 512px)  and (-webkit-min-device-pixel-ratio: 1.5),
       (max-width: 512px)  and (min-resolution: 1.5dppx),
       (max-width: 1024px) and (-webkit-max-device-pixel-ratio: 1.5),
       (max-width: 1024px) and (max-resolution: 1.5dppx) {
  body::before {
    background-image: url('images/bg_1024.jpg');
  }
}
@media (min-width: 513px)  and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5),
       (min-width: 513px)  and (max-width: 1024px) and (min-resolution: 1.5dppx),
       (min-width: 1025px) and (max-width: 2048px) and (-webkit-max-device-pixel-ratio: 1.5),
       (min-width: 1025px) and (max-width: 2048px) and (max-resolution: 1.5dppx)  {
  body::before {
    background-image: url('images/bg_2048.jpg');
  }
}
@media (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 1.5),
       (min-width: 1025px) and (min-resolution: 1.5dppx),
       (min-width: 2049px) and (-webkit-max-device-pixel-ratio: 1.5),
       (min-width: 2049px) and (max-resolution: 1.5dppx) {
  body::before {
    background-image: url('images/bg_2880.jpg');
  }
}

body {
    font-family: Roboto, Helvetica, Arial, sans-serif;
}

.mdl-card, .mdl-data-table {
  background-color: rgba(255,255,255,0.7);
}

#searchBox {
  padding-left: 1ex;
}

.drawer-content {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.font-cursive {
  font-family: 'Tangerine', cursive;
  font-weight: 700;
  font-size: 270%;
}
#instructions {
  color: whitesmoke;
  text-align: center;
  font-size: xxx-large;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  line-height: 110%;
}
#instructions p {
  font-size: inherit;
  line-height: inherit;
}
/*
#instructions .material-icons {
  font-size: large;
}
*/

.mdl-layout--no-drawer-button .mdl-layout__drawer-button {
  display: none;
}

.mdl-mini-footer {
  background-color: inherit;
  padding: 0px 16px;
}

.mdl-mini-footer a {
  color: whitesmoke;
}