body {
   background-color: #111111; 
  color: #ffffff;
  font-family: Verdana, "Lucida Sans Unicode", sans-serif; 

  // background-image: url('band.jpg');
  // background-size: 100%;
	// background-position: center;
  // background-repeat: no-repeat;
}


a:link {
  color: #CC0000;
  text-decoration: none;
  font-size: 1.5em;
}

/* visited link */
a:visited {
  color: #CC0000;
  text-decoration: none;
}

/* mouse over link */
a:hover {
  color: #ff0000;
  text-decoration: underline;
  font-weight: bold;
}

/* selected link */
a:active {
  color: #CC0000;
  text-decoration: none;
}


.flex {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}


.img-center {
    display: flex;
    width: 60%;
    position: absolute;
    left: 20%;
    top: 50%;
}


.dieBand
{
  // background-image: url('band.jpg');
  // background-size: 100%;
  // background-position: center;
  // background-repeat: no-repeat;
}


.dieBox
{
   width: 300px;
   height: 300px;
   border: 1px solid #666;

    // display: flex;
    // justify-content: center;
    // align-items: center;
    margin: auto; 
    background: rgba(0,0,0,0.5);

    position: fixed; 

}

.dieBox img
{
display:block;
margin: auto auto auto;

}