.coords-container{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 0 4px;
  justify-content: center;
  align-items: center;
}

.coord-x{
  display: flex;
  flex-direction: column-reverse;
  width: 20px;
  box-sizing: border-box;
}

.coord-y{
  height: 20px;
  cursor: pointer;
}

.border_bottom{
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}

.border_top{
  border-top: 1px solid rgba(0, 0, 0, 0.25);
}

.border_left{
  border-left: 1px solid rgba(0, 0, 0, 0.25);
}

.border_right{
  border-right: 1px solid rgba(0, 0, 0, 0.25);
}

.empty_square:hover{
  background-color: rgba(0, 0, 0, 0.12);
}