body {
	font-family: 'Lobster', sans-serif;
	margin: 0;
	background-color: #26282E;
	color: #209781;
	font-family: 'Lobster', sans-serif;
	font-size: 28px;
}

a {
	border-bottom: 2px solid #209781;
}

a:link {
	color: #209781;
	text-decoration: none;
}

a:visited {
	color: #209781;
}

a:active {
	color: #209781;
}

a:hover {
	color: #E9B64A;
	border-bottom: 2px solid #E9B64A;
}

h1 {
	font-size: 64px;
	font-weight: 400;
	text-align: center;
	letter-spacing: 5px;
	margin: 20px auto 0px auto;
}

p {
	text-align: center;
	margin: 5px 0px 25px 0px;
	letter-spacing: 2px;
}

.board {
	width: 600px;
	margin: 0 auto;
	text-align: center;
}

.cardA {
	width: 125px;
	height: 125px;
	display: inline-block;
	margin: 3px;
	background-image: url(./img/karta.png);
	border: 4px solid #E9B64A;
	border-radius: 4px;
	cursor: default;
	filter: brightness(100%);
	transition: all .3s ease-in-out;
}

.card {
	width: 125px;
	height: 125px;
	display: inline-block;
	margin: 3px;
	background-image: url(./img/karta.png);
	border: 4px solid #51c8b2;
	border-radius: 4px;
	cursor: pointer;
	filter: brightness(70%);
	transition: all .3s ease-in-out;
}

.card:hover {
	border: 4px solid #E9B64A;
	filter: brightness(100%);
}

.score {
	margin-top: 5px;
	letter-spacing: 2px;
}

span {
	border-bottom: 2px solid #51c8b2;
	cursor: pointer;
}

span:hover {
	color: #E9B64A;
	border-bottom: 2px solid #E9B64A;
}