*{
    padding: 0;
    margin: 0;
}

@font-face {
    font-family: pacmanFont;
    src: url("assets/crackman.TTF");
}

@font-face {
    font-family: lot;
    src: url("assets/lot.otf");
}

html{
    font-family: pacmanFont;
}

html, body {
    margin: 0;
    padding: 0;
  }
  
  body{
    background-image: url("assets/background.jpg");
    background-repeat: no-repeat;
    overflow: hidden;
    zoom: 100%;
    zoom: normal;
  }

  canvas {
    display: block;
  }

  h1{
      color: white;
  }
  
  /*index.html*/
  
  .flexbox{
      width: 100vw;
      height: 80vh;
      padding-bottom: 10px;
      display: flex;
      justify-content: center;
      align-items: center;
  }

  #canvasdiv{
      border: 2px solid white;
      position: absolute;
      top: 1vh;
      left: 19.5vw;
  }

  div#scoreBoard{
      border: 2px solid white;
      background-color: black;
      padding: 10px 10px;
      margin-bottom: 10px;
      line-height: 60px;
      color: white;
      font-size: 30px;
  }

  /* h3#pacmanScore, h3#blinkyScore, h3#inkyScore, h3#clydeScore, h3#winkyScore{
      background-color: black;
      color: white;
      font-size: 30px;
      width: 120%;
      padding: 10px 10px;
  } */

  button{
      font-family: pacmanFont;
      font-size: 40px;
      background-color: black;
      color: white;
      padding: 0;
  }

  #toggle{
      font-size: 35px;
      position: absolute;
      top: 33vh;
      left: 2vw;
      padding: 10px;
  }

  #kit{
    position: absolute;
    top: 45vh;
    left: 3vw;
    padding: 5px 0;
}

  #instructionsButton{
      position: absolute;
      top: 45vh;
      left: 80vw;
      padding: 5px 0;
  }

  #instructionsButton a, #back a, #original a, #kit a{
      color: white;
      text-decoration: none;
      padding: 20px;
  }

  #instructionsButton a:hover, #back a:hover, #original a:hover, #toggle:hover, #kit a:hover{
      color: yellow;
      background-color: gray;
  } 

  #original{
    font-size: 40px;
    position: absolute;
    top: 33vh;
    left: 82vw;
    padding: 5px 0;
} 

/* #copyright{
    background-color: black;
    color: white;
    float: left;
    font-family: lot;
    font-size: 35px;
} */

select#menu{
    font-family: pacmanFont;
    background-color: black;
    color: white;
    padding: 20px;
    font-size: 30px;
}

#rights{
    background-color: black;
    color: white;
    font-size: 25px;
    padding-left: 50px;
    margin-top: 135px;
}