body
{
  font-family: 'Abel', sans-serif;
  font-size: 18px;
/*   font-size: 1.5vw; */
  background: black;
  margin: 0;
  padding: 0;
  overflow: hidden;
  color: white;
}
h2
{
	color: white;
}
/* ------------------------------- HELPERS */
.hidden 
{
	display:none;
}
.blur
{
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-o-filter: blur(3px);
	-ms-filter: blur(3px);
	filter: blur(3px);
}

/* ------------------------------- TABLE */
.table
{
	display: table;
	border-style: solid;
	border-color: #02a64f;
	border-radius: 20px;
	-moz-border-radius: 20px;
	font-size: 24px;
	width: 560px;
	padding: 10px;
/* 	border-collapse: collapse; */
}

.trow
{

	display: table-row;
	height: 60px;
}
.tcell
{
	display: table-cell;
	vertical-align: middle;
	background-color: #5eb361;
	text-align: center;
	padding: 10px;
}
.tcell:nth-child(2)
{
	text-align: left;
}

.row
{
	display: table-row;
	height: 60px;
}
.cell
{
	display: table-cell;
	vertical-align: middle;
	padding: 10px;
}


.row:nth-child(even)
{
	background-color: #111111;
}
.row:nth-child(odd)
{
	background-color: #000000;
}

.row:hover 
{ 
	background: rgba(255, 109, 52, 0.57); 
}

.table .cell:nth-child(1)
{
	align-content: center;
	text-align: center;
}
.table .cell:nth-child(2)
{
	text-align: left;
}
.table .cell:nth-child(3)
{
	text-align: right;
}
a
{
	text-decoration: none;
	color: white;
	font-size: 1em;
}

.yes 
{
	margin: auto;
	background-color:lime;
	width:30px;
	height:30px;
	border-radius:50px;
	box-shadow: 0px 0px 16px #09b478, inset 0 0 8px #03b252;
}

.no 
{
	margin: auto;
	background-color:#e5c212;
	width:30px;
	height:30px;
	border-radius:50px;
	box-shadow: 0px 0px 16px #c7950e, inset 0 0 8px #9c6e0b;
}