* {
	transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}

/* To avoid whitespace between elements*/
.games {
	font-size: 0px;
}

.game {
	font-size: 1.375rem;
	background: var(--card-color);
	border-radius: 10px;
	display: inline-block;
	width: calc(50% - 10px);
	margin-bottom: 20px;
	padding: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	/* border: 5px solid #a2a2a2; */
	border: 0.5px solid var(--border-color);
}


.game p {
	padding: 0px;
	font-size: 1.25rem;
	color: #a2a2a2;
}

.green {
	color: #00a232 !important;
}

.yellow {
	color: #e0ac00 !important;
}

.green-border {
	border-color: #00a232;/
}

.yellow-border {
	border-color: #e0ac00;
}


.game:nth-child(even) {
	margin-left: 10px;
}

.game:nth-child(odd) {
	margin-right: 10px;
}

.emoji {
	font-size: 2rem;
}

/* Welcome modal */
.welcome .modalinner {
	text-align: center;
	padding: 40px 30px;
	border-radius: 30px;
}

.welcome .modalinner h1 {
	font-size: 2.5rem;
	margin: 5px 0;
}

.welcome .modalinner .blocks {
	margin: 30px 0;
}

.welcome .modalinner .blocks p {
	margin-bottom: 20px;
	background: var(--card-color);
	padding: 10px;
	border-radius: 10px;
	text-align: left;
}

.welcome .modalinner .blocks p span {
	float: right;
}