a, .link-footer { color: #007f32; }
a:link, .link-footer { color:#007f32; }
a:visited, .link-footer { color:#007f32; }
a:hover, .link-footer { color:#007f32; }
a:active, .link-footer { color:#007f32; }

body {
	font-family: Akzidenz-Grotesk BQ;
	image-rendering: -webkit-optimize-contrast;
}

.timer-label {
	font-size: 7em; 
	font-weight: 800; 
	color: white; 
	position: absolute; 
	top: 41px; 
	left: 0; 
	right: 0;
	margin-left: auto; 
	margin-right: auto; 
	text-align: center;
}

.circle_animation 
{
    stroke-dasharray: 629;
    stroke-dashoffset: 629;
    transition: all 1s linear;
}

svg
{
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.container-question
{
	border: 1px solid #707070; 
	border-radius: 13px; 
	padding: 20px; 
	background-color: white; 
	color: #3C3C3B;
	text-align: center;
}

.container-answer-label
{
	color: #0F7F32; 
	font-size: xx-large; 
	margin-right: 20px; 
	font-weight: bold; 
}

.container-answer
{
	color: black; 
	font-size: larger; 
}

.container-question-mobile
{
	border: 1px solid #707070; 
	border-radius: 13px; 
	padding: 5px 15px; 
	background-color: white; 
	color: #3C3C3B;
	text-align: center;
}

.container-answer-label-mobile
{
	color: #0F7F32; 
	font-size: large; 
	margin-right: 20px;  
}

.container-answer-mobile
{
	color: black; 
	font-size: small; 
}

.pulse-correct {
	transform: scale(1);
	animation: pulse 2s 3;
}

.pulse-wrong {
	transform: scale(1);
	animation: pulse 2s 3;
}

@keyframes pulse {
	0% {
		transform: scale(0.95);
	}

	70% {
		transform: scale(1);
	}

	100% {
		transform: scale(0.95);
	}
}

@font-face {
    font-family: 'blzee';
    src: url('../fonts/blzee.ttf')format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Akzidenz-Grotesk BQ';
    src: url('../fonts/AkzidenzGroteskBQ-Bold.ttf')format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Akzidenz-Grotesk BQ';
    src: url('../fonts/AkzidenzGroteskBQ-Light.ttf')format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Akzidenz-Grotesk BQ';
    src: url('../fonts/AkzidenzGroteskBQ-Reg.ttf')format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Akzidenz-Grotesk BQ';
    src: url('../fonts/AkzidenzGroteskBQ-BoldItalic.ttf')format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Akzidenz-Grotesk BQ';
    src: url('../fonts/AkzidenzGroteskBQ-Italic.ttf')format('truetype');
    font-weight: normal;
    font-style: italic;
}