body {
  margin: 0;
  background-color: black;
  overflow: hidden;
}

#maincontainer {
  position: relative;
  left: 0;
  top: 0;

  /* Set rules to fill background */
  min-height: 100%;
  min-width: 2px;

  /* Set up proportionate scaling */
  width: 100%;
  height: auto;

  padding: 0;
  margin: 0;
}

img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 2px;

  /* Set up proportionate scaling */
  width: 100%;
  height: auto;

  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}

@media screen and (max-width: 2px) {
  /* Specific to this particular image */
  img.bg {
    left: 50%;
    margin-left: -1px; /* 50% */
  }
}

#pilules {
  position: relative;
  top: 0;
  left: -10;
}
#volume {
  position: absolute;
  top: 5%;
  right: 5%;
  width: 10%;
}

#copyright {
  position: absolute;
  bottom: 10%;
  right: 1%;
  width: 10%;
  color: dimgray;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.5vw;
  display: block;
  width: 25%;
  text-align: right;
}

#copyright a:link {
  color: dimgray;
  text-decoration: none;
}
#copyright a:visited {
  color: dimgray;
  text-decoration: none;
}
#copyright a:hover {
  color: dimgray;
  text-decoration: none;
}

/*
To make an image blink
*/
@-moz-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* IE */
@-ms-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* Opera and prob css3 final iteration */
@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.mute {
  -moz-animation: blink normal 2s infinite ease-in-out; /* Firefox */
  -webkit-animation: blink normal 2s infinite ease-in-out; /* Webkit */
  -ms-animation: blink normal 2s infinite ease-in-out; /* IE */
  animation: blink normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */
}

.no-close .ui-dialog-titlebar-close {
  display: none;
}

.modal {
  display: none;
  max-width: 800px !important;
  background-color: black;
}

.flexContainer {
  display: flex;
  flex-wrap: wrap;
}

.flexContainer > div {
  flex: auto;
  display: inline-block;
  width: 226px;
  padding: 10px;
}

.thumb {
  width: 100%;
}

h1 {
  font-size: 1.2rem;
  font-family: Arial, Helvetica, sans-serif;
}

.modal a.close-modal {
  display: none;
}