body {
	background-color: black;
}

* {
  box-sizing: border-box;
}

.vl {
  border: 1.3px solid white;
  background-color: white;
  height: 100%;
  position: absolute;
  left: 50%;
  margin-left: -3px;
  top: 5%;
}

hr {
	border: 1.3px solid white;
	background-color: white;
}

.invisible {
	opacity: 0%;
}

/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 50%;
  padding: 10px; 
  justify-content: center;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

#scorePlayer1{
	color: limegreen;
	font-family: monospace;
	font-size: 3em;
	text-align: center;
}

#scorePlayer2{
	color: hotpink;
	font-family: monospace;
	font-size: 3em;
	text-align: center;
}

.butplayer1 {
	border-radius: 9px;
	background-color: limegreen;
	border: none;
	color: white;
	width: 100px;
	padding: 10px 25px;
	text-align: center;
	display: inline-block;
	font-size: 50px;
  touch-action: manipulation;
}

.butplayer2 {
	border-radius: 9px;
	background-color: hotpink;
	border: none;
	color: white;
	width: 100px;
	padding: 10px 25px;
	text-align: center;
	display: inline-block;
	font-size: 50px;
	touch-action: manipulation; /*esto es para desactivar el double tap en touch devices*/
}


.butplayer1:hover, .butplayer2:hover, .standardButton:hover{
	opacity: 75%;
}

#btn2:hover{
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.disabled{
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none
}

.standardButton{
	border-radius: 7px;
	background-color: black;
	color: white;
	padding: 10px 28px;
	text-align: center;
	display: inline-block;
	font-size: 20px;
}