#dimmerDiv {
background-color: black;
opacity: 0.5;
position:absolute;
z-index: 9001;
top:0px;
left:0px;
height: 100%;
width:100%;
visibility: hidden;
}

#popUpDiv {
position: absolute;
background-color: black;
color: white;
z-index: 9002;
height: 50%;
width: 50%;
top: 25%;
left: 25%;
box-shadow: 0 0 100px 50px black;
visibility: hidden;
}

#popUpDiv img {
  position: absolute;
  width: 80%;
  height: auto;
  left: 10%;
}

#text {
  position: absolute;
  text-align: center;
  bottom: 0px;
}

body{
  background-color: black;
  padding: 0;
  margin: 0;
}

#close{
  width: 32px;
  height: 32px;
  float: right;
  background: url('../ui/close.png') left center;
  animation: play 0.5s steps(3) infinite;
  cursor: pointer;
}

@keyframes play {
   100% { background-position: -96px; }
}

noscript {
  color: white;
}