@font-face {
  font-family: "ITC Korinna"; 
  src: url("karinna.woff2") format("woff2"); 
}

.text {
      
      position:absolute;
      z-index:100002;
      
      position: absolute;
      left:0;
      
    }
.text div {
  color:white;
  font-family: 'ITC Korinna';
  font-weight:bold;
  letter-spacing: 0.0625em;
  font-size:20px;
  background:black;
  margin:5px;
  padding:10px;
}
    .jeopary_banner {
        display:block;
        position:fixed;
        z-index:1000;
        height:100%;
        width:100%;
        background-image: url(jeopardy2.jpg);
        background-size: 100%;
    }
  
  .volume {
    position:absolute;
    right:20px;
    top:20px;
    height:30px;
    width:30px;
    color:white;
    cursor:pointer;
  }
  
  .volume.active {
    color:red;
  }

 body, html {
        text-align:center;
        background-color: black;
        margin:0;
        padding:0;
        background-image: url(jeopardy-board-outer.jpg);
        background-position: center 0px;

        background-repeat: no-repeat;
    }

    .answer, .question {
        display:none;
    }



    .active-question, .start-button {
        display: none;
        position: absolute;
        height:100%;
        width:100%;
        text-shadow: 4px 4px 2px #000000;
        letter-spacing: 0.0625em;
        color: white;
        font-family: 'ITC Korinna';
        font-weight:bold;
        text-align: center;
        background-color: blue;
        z-index: 100001;
        font-size:60px;
        text-transform: uppercase;
        margin:0;
    }
  
  .start-button {
     z-index: 99999999999999;
      float:left;
      display:block;
    margin-top:44%;
    background:none;
    cursor:pointer;
  }

    .active-question > div {
        margin-top:300px;
        z-index: 100002;
        padding:0px 300px;
    }

    .value {
      cursor:pointer;
    }

    .question-board {
        padding:198px 0 0 48px;
        font-family: 'Roboto Condensed', sans-serif;
        size:30px;
        height:803px;
        width:1195px;
        background-image: url(jeopardy-board-inner.jpg);
        background-size:cover;
        color:#FFC92F;
        text-shadow: 2px 2px 10px #000;
        text-transform: uppercase;
        margin:0 auto;
    }

    .question-board .screen-cell {
        position: relative;
        height:85px;
        width:173px;
        margin-bottom:26px;
    }

    .question-board .screen-cell > div {
        position: absolute;
        text-align:center;
        top: 50%;
        left: 50%;
        height: 100%;
        width: 100%;
        margin: -40px 0 0 -85px;
    }

    .question-board .screen-cell.title > div {
        font-size:18px;
        margin: -20px 0 0 -92px;
        text-shadow: 2px 2px 5px #000;
        padding:10px;
    }

    .question-board .screen-cell.title {
        height:90px;
        width:170px;
        color:#FFFFFF;
        text-shadow: none;
        margin-bottom:40px;
        padding-left:5px;
    }

    .question-column {
        margin-right:18px;
        float:left;
    }