@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Anton|Permanent+Marker|Vibur&display=swap');

.wrapper {
	height: 100vh;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #96A745;
    background-image: url(../images/bg.jpg);
    background-size: cover;
}

#btn01 a {
	display: inline-block;
	font-size: 8.0rem;
	padding: 30px 120px 20px 120px;
	background: #EFE57A;
	border-radius: 100px;
	text-decoration: none;
	color: #DA8A6A;
	font-family: 'Vibur', cursive;
	border-bottom: 10px solid #F3AF59;
	text-shadow:2px 2px 3px rgba(0,0,0,0.3);
	box-shadow:-1px 0px 13px -3px rgba(0,0,0,0.4);
}

#btn01 a:hover {
	opacity: 0.75;
	filter: alpha(opacity=75);
}

#btn01 p {
	margin-bottom: 30px;
	text-align: center;
}

.count-area {
	text-align: center;
}

.count-area span {
	font-size: 6.0rem;
	background: #EFE57A;
	background: transparent;
	border-radius: 10px;
	display: inline-block;
	font-family: 'Anton', sans-serif;
	color: #EFE57A;
	letter-spacing: 6px;
	text-shadow:2px 2px 3px rgba(0,0,0,0.3);

}