.center {
    margin: auto;
    width: 50%;

  }

.grid-container {
    display: flex;
  }
  

#joinGameBtn {
	margin-top: 10px;
}

input[type="radio"] {
	display: none;
}

input[type="radio"]:checked+label span {
	transform: scale(1.25);
}

input[type="radio"]:checked+label .red {
	border: 2px solid #711313;
}

input[type="radio"]:checked+label .orange {
	border: 2px solid #873a08;
}

input[type="radio"]:checked+label .olive {
	border: 2px solid #505a0b;
}

input[type="radio"]:checked+label .teal {
	border: 2px solid #003633;
}

input[type="radio"]:checked+label .blue {
	border: 2px solid #103f62;
}

input[type="radio"]:checked+label .pink {
	border: 2px solid #851554;
}

label {
	display: inline-block;
	width: 25px;
	height: 25px;
	margin-right: 10px;
	cursor: pointer;
}

label:hover span {
	transform: scale(1.25);
}

label span {
	display: block;
	width: 100%;
	height: 100%;
	transition: transform 0.2s ease-in-out;
}

label span.red {
	background: #DB2828;
}

label span.orange {
	background: #F2711C;
}

label span.olive {
	background: #B5CC18;
}

label span.teal {
	background: #00B5AD;
}

label span.blue {
	background: #2185D0;
}

label span.pink {
	background: #E03997;
}