body
{
	margin:0;
	background-color:#232323;
	color:#209781;
	font-size:28px;
}
a
{
	color:#209781;
	text-decoration:none;
}
a:hover
{
	color:#e9b64a;
}
h1
{
	font-size:64px;
	font-weight:400;
	text-align:center;
	letter-spacing:5px;
	margin-top:20px;
	margin-bottom:0;
}
p
{
	text-align:center;
	margin-top:5px;
	margin-bottom:25px;
	letter-spacing:2px;
}
.board
{
	width:600px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.card
{
	width:125px;
	height:125px;
	display:inline-block;
	background-image:url(karta.png);
	margin:3px;
	border: 3px solid #51c8b2;
	cursor:pointer;
	filter:brightness(70%);
	transition:all .3s ease-in-out;
}
.card:hover
{
	border: 3px solid #e9b64a;
		filter:brightness(100%);
}
.cardA
{
	width:125px;
	height:125px;
	display:inline-block;
	background-image:url(karta.png);
	margin:3px;
	border: 3px solid #e9b64a;
	border-radius:4px;
	cursor:default;
	filter:brightness(100%);
	transition:all .3s ease-in-out;
}
.score
{
	margin-top:5px;
	letter-spacing:2px;
}