/**
*   Color converter game exercise
*
*   11/2017
*/

html, body {

    text-align: center;
    font-family: Calibri;
    font-size: x-large; 
    color: white;
      
}

#tileset {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#drawspace{
    /*background-color: #555555 !important;*/
    height: 380px;
    width: 380px;
    align-items: center;

}

.grid { margin:1em auto; border-collapse:collapse }

.grid td {
    cursor: grab !important;
}


#postgame {

    width: 380px;
    height: 380px;
    align-items: center;

}

#stats {
    position: absolute;
    left: 200px;
    top: 0px;
    height: 100%;
    width: 300px;
    background-color: #333333;


}

#info {
    position: absolute;
    right: 200px;
    top: 0px;
    height: 100%;
    width: 300px;
    background-color: #333333;

}

#rgbCanvas{

  position: relative;
  top: 23%;
  transform: translateY(-50%);
}

#hslCanvas{

  position: relative;
  top: 25%;
  transform: translateY(-50%);
}

#labCanvas{

  position: relative;
  top: 20%;
  transform: translateY(-50%);
}