@font-face { font-family: 'oddballz';
  src: url('fonts/oddballz.ttf') format('truetype'); }
@font-face { font-family: 'musical';
    src: url('fonts/Musical.ttf') format('truetype'); }
@font-face { font-family: 'beon';
    src: url('fonts/Beon-Regular.otf') format('opentype'); }

input:hover {
      cursor: url(images/cursor.gif), pointer;
      }

html{cursor:url("images/cursor.gif"), pointer
    }
body{
    background:#FFFF00;
    }
h1{
    color:#E611D8;
    font-size:2em;
    background:#FFFF00;
    font-family: 'musical';
    }
.categorylabel{ 
    font-family: 'oddballz';
    font-size:2em;
    font-weight:bold;
    color:#0000FF;
    cursor:url("images/cursor.gif"), pointer;
}
.question{ 
    font-family: 'beon';
    font-weight:bold;
    font-size:1.2em;
    cursor:url("images/cursor.gif"), pointer;
}
.answer{ 
    font-family: 'beon';
    font-weight: normal;
    cursor:url("images/cursor.gif"), pointer;
}
.blink {
    animation: blink-animation 1s steps(5, start) infinite;
    -webkit-animation: blink-animation 1s steps(5, start) infinite;
  }
  @keyframes blink-animation {
    to {
      visibility: hidden;
    }
  }
  @-webkit-keyframes blink-animation {
    to {
      visibility: hidden;
    }
  }