.bigboard {
   width:100vmin;
   height:100%;
   position:absolute;
}

.smallboard {
  width:50vmin;
  left:100vmin;
  height:100%;
  position:absolute;
}

.bigboard .board_and_state {
  width: 80.4vmin;
  height: 90vmin;
  position: absolute;
  top: 5vmin;
  left:5vmin;
  border-style: solid;
}

.smallboard .board_and_state {
  width: 48.32vmin;
  height: 58vmin;
  position: absolute;
  top: 10vmin;
  left:5vmin;
  border-style: solid;
}

.board_and_state div.bigboard_header{
  position: absolute;
  left:0vmin;
  top:0vmin;
  width: 80vmin;
  height: 5vmin;
  vertical-align: middle;
  display: flex;
}

.bigboard_header .player2_connected_logo_div{
    position: absolute;
    left:1vmin;
    top: 1vmin;
    width: 3vmin;
    height:3vmin;
}

img.player2_connected_logo{
  position: absolute;
  left:0vmin;
  top: 0vmin;
  width: 3vmin;
  height:3vmin;
}

.bigboard_header .player2_name{
  position: absolute;
  left:5vmin;
  top: 1vmin;
  width: 25vmin;
  height:3vmin;
  font-size: 3vmin;

}

.bigboard_header .player2_piece_reservoir{
  position: absolute;
  left:30vmin;
  top: 1vmin;
  width: 30vmin;
  height:3vmin;
}

.bigboard_header .player2_clock{
  position: absolute;
  left:60vmin;
  top: 1vmin;
  width: 19vmin;
  height:3vmin;
  font-size: 3vmin;
  text-align: right;
  font-family: Courier New;
}

.smallboard .board_and_state div.small_board_header{
  position: absolute;
  left:0vmin;
  top:0vmin;
  width: 100%;
  height: 5vmin;
  vertical-align: middle;
  display: flex;
}

.small_board_header .small_player2_connected_logo_div{
    position: absolute;
    left:1vmin;
    top: 1vmin;
    width: 3vmin;
    height:3vmin;
}

img.small_player2_connected_logo{
  position: absolute;
  left:0vmin;
  top: 0vmin;
  width: 3vmin;
  height:3vmin;
}

.small_board_header .small_player2_name{
  position: absolute;
  left:5vmin;
  top: 1.4vmin;
  width: 25vmin;
  height:1.8vmin;
  font-size: 1.8vmin;

}

.small_board_header .small_player2_piece_reservoir{
  position: absolute;
  left:18vmin;
  top: 1.4vmin;
  width: 18vmin;
  height:3vmin;
}

.small_board_header .small_player2_clock{
  position: absolute;
  left:35vmin;
  top: 1.4vmin;
  width: 12vmin;
  height:1.8vmin;
  font-size: 1.8vmin;
  text-align: right;
  font-family: Courier New;
}

.board_and_state div.bigboard_footer{
  position: absolute;
  left:0vmin;
  top:85vmin;
  width: 80vmin;
  height: 5vmin;
  vertical-align: middle;
  display: flex;
}

.bigboard_footer .player1_connected_logo_div{
    position: absolute;
    left:1vmin;
    top: 1vmin;
    width: 3vmin;
    height:3vmin;

}

img.player1_connected_logo{
  position: absolute;
  left:0vmin;
  top: 0vmin;
  width: 3vmin;
  height:3vmin;
}

.bigboard_footer .player1_name{
  position: absolute;
  left:5vmin;
  top: 1vmin;
  width: 25vmin;
  height:3vmin;
  font-size: 3vmin;
}

.bigboard_footer .player1_piece_reservoir{
  position: absolute;
  left:30vmin;
  top: 1vmin;
  width: 30vmin;
  height:3vmin;
}

.bigboard_footer .player1_clock{
  position: absolute;
  left:60vmin;
  top: 1vmin;
  width: 19vmin;
  height:3vmin;
  font-size: 3vmin;
  text-align: right;
  font-family: Courier New;
}

.smallboard .board_and_state div.small_board_footer{
  position: absolute;
  left:0vmin;
  top:53vmin;
  width: 100%;
  height: 5vmin;
  vertical-align: middle;
  display: flex;
}

.small_board_footer .small_player1_connected_logo_div{
    position: absolute;
    left:1vmin;
    top: 1vmin;
    width: 3vmin;
    height:3vmin;
}

img.small_player1_connected_logo{
  position: absolute;
  left:0vmin;
  top: 0vmin;
  width: 3vmin;
  height:3vmin;
}

.small_board_footer .small_player1_name{
  position: absolute;
  left:5vmin;
  top: 1.4vmin;
  width: 25vmin;
  height:1.8vmin;
  font-size: 1.8vmin;

}

.small_board_footer .small_player1_piece_reservoir{
  position: absolute;
  left:18vmin;
  top: 1.4vmin;
  width: 18vmin;
  height:3vmin;
}

.small_board_footer .small_player1_clock{
  position: absolute;
  left:35vmin;
  top: 1.4vmin;
  width: 12vmin;
  height:1.8vmin;
  font-size: 1.8vmin;
  text-align: right;
  font-family: Courier New;
}
