<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">*{
	padding: 0;
	margin:	0;
	outline: none;
	border: none;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	-ms-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-o-text-size-adjust: none;
	-webkit-text-size-adjust: none;

	font-family: 'Merriweather Sans', sans-serif;
	
}

a{
	text-decoration: none;
	color: inherit;
}

body{
	overflow-x: hidden;
}

.no-scroll{
	overflow: hidden !important;
}

.hidden{
	display: none !important;
}

.show{
	display: block !important;
}

.line{
	width: 100%;
	display: block;
	background-color: #000000;
	float: left;
}

.line.top{
	height: 4px;
	margin-bottom: 20px; 
}

.line.bottom{
	height: 2px;
	margin-top: 20px; 
}

.header-wrapper{
	position: 			relative;
	width: 				100%;
	position:   		relative;
	margin: 			auto;
	float: 				left;
	padding: 			16px
}

.header-wrapper .header-img{
	display: 		block;
	width: 			100%;
	height: 		auto;
	margin-bottom: 	30px;

	-webkit-box-shadow: 0px 1px 5px 0px rgba(148,148,148,1);
	-moz-box-shadow: 0px 1px 5px 0px rgba(148,148,148,1);
	box-shadow: 0px 1px 5px 0px rgba(148,148,148,1);
}


.header-wrapper .content{
	padding: 0px 16px;
}

.header-wrapper .content .title{
	font-family: 	'Roboto Slab';
	font-size: 		24px;
	text-align: 	center;
}

.header-wrapper .content .description{
	font-family: 	'Merriweather Sans', sans-serif;
	font-size: 		16px;
	margin-top: 	5px;
	text-align: 	center;
}

.main-wrapper{
	display: 			block;
	width: 				100%;
	position:   		relative;
	margin: 			auto;
	float: 				left;
	overflow: 			hidden;
	float: 				left;
}

.main-wrapper .quiz-wrapper{
	display: 			block;
	width: 				100%;
	position:   		relative;
	float: 				left;
	padding: 			16px;
	min-height: 		870px;		
}

@media all and (min-width: 600px){
	.main-wrapper .quiz-wrapper{
		min-height: 620px;
	}
}


.main-wrapper .quiz-wrapper .questions-wrapper{
	display: 			block;
	width: 				100%;
	position:   		relative;
	float: 				left;
	height: 			100%;
}

.main-wrapper .quiz-wrapper .questions-wrapper .question-container{
	display: 			block;
	width: 				100%;
	float: 				left;

	transition: 		all 333ms;
	-webkit-transition: all 333ms;
}

.main-wrapper .quiz-wrapper .questions-wrapper .question-container.no-animation{
	left: 				inherit;
	position:   		relative;
	display: 			none;
}

.main-wrapper .quiz-wrapper .questions-wrapper .question-container.no-animation.current{
	display:		block;
	left: 			inherit;
}

.main-wrapper .quiz-wrapper .questions-wrapper .question-container .image-wrapper{
	display: 			block;
	width: 				100%;
	position:   		relative;
	float: 				left;
	margin-bottom: 		20px;
}

.main-wrapper .quiz-wrapper .questions-wrapper .question-container .image-background,
.main-wrapper .quiz-wrapper .questions-wrapper .question-container .image-result{
	display: 			block;
	width: 				100%;
	height: 			auto;
	position:   		relative;
	float: 				left;
}

.main-wrapper .quiz-wrapper .questions-wrapper .question-container .image-background.filter{
	-webkit-filter: grayscale(50%) blur(2px);
	filter: grayscale(50%) blur(2px);
}

.main-wrapper .quiz-wrapper .questions-wrapper .question-container .image-result{
	-webkit-filter: contrast(110%) saturate(1.5);
	filter: contrast(110%) saturate(1.5);
	display: none
}


.main-wrapper .quiz-wrapper .questions-wrapper .question-container .name{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 16px;
	background: #000;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	padding: 5px 2px;
	display: none;
}


.main-wrapper .quiz-wrapper .questions-wrapper .question-container .image-result{
	position: absolute;
	top: 0;
	left: 0;
}

.main-wrapper .quiz-wrapper .questions-wrapper .question-container .answer-wrapper{
	display: 			block;
	width: 				100%;
	position:   		relative;
	float: 				left;
}

.main-wrapper .quiz-wrapper .questions-wrapper .question-container .answer-wrapper .title-answer{
	display: 			block;
	width: 				100%;
	position:   		relative;
	float: 				left;
	margin-bottom: 		15px;
	font-size: 			16px;
	font-weight: 		700;
}

.main-wrapper .quiz-wrapper .questions-wrapper .question-container .answer-wrapper .answer-container{
	display: 			block;
	width: 				100%;
	position:   		relative;
	float: 				left;
	margin-bottom:		10px;
}

.main-wrapper .quiz-wrapper .questions-wrapper .question-container .answer-wrapper .answer-container .answer-button{
	cursor: 			pointer;
	display: 			block;
	width: 				100%;
	position:   		relative;
	float: 				left;
	padding: 			16px 8px;
	background: 		#fff;
	color: 				#000;
	border: 			1px solid #e0e0e0;
	border-radius: 		3px;
	-webkit-box-shadow: 0px 0px 5px 1px rgba(232,232,232,1);
	-moz-box-shadow: 	0px 0px 5px 1px rgba(232,232,232,1);
	box-shadow: 		0px 0px 5px 1px rgba(232,232,232,1);
	font-weight: 		700;
	font-size: 			16px;
}

.main-wrapper .quiz-wrapper .questions-wrapper .question-container .answer-wrapper .answer-container .answer-button.selected{
	cursor: 				not-allowed;
	background: 			#ffc7c7;
	border: 				1px solid #e0e0e0;
	-webkit-box-shadow: 	0px 0px 8px 2px rgba(207,207,207,1);
	-moz-box-shadow: 		0px 0px 8px 2px rgba(207,207,207,1);
	box-shadow: 			0px 0px 8px 2px rgba(207,207,207,1);
}

.main-wrapper .quiz-wrapper .questions-wrapper .question-container .answer-wrapper .answer-container .answer-button.correct{
	background: 		#39a939 !important;
	color: 				#fff !important;
}

.main-wrapper .quiz-wrapper .questions-wrapper .question-container .answer-wrapper .answer-container .answer-button.wrong{
	background: 		#b93333 !important;
	color: 				#fff !important;
}

.main-wrapper .quiz-wrapper .questions-wrapper .question-container .answer-wrapper .answer-container .answer-button.disabled{
	color: 		#b7b7b7;
	cursor: 	not-allowed;
}

.main-wrapper .quiz-wrapper .questions-wrapper .question-container .answer-wrapper .answer-container .answer-button.hoverEffect:hover{
	-webkit-transition: 	all 333ms;
	transition: 			all 333ms;
	background: 			#ffc7c7;
	font-weight: 			700;
	border: 				1px solid #e0e0e0;
	-webkit-box-shadow: 	0px 0px 8px 2px rgba(207,207,207,1);
	-moz-box-shadow: 		0px 0px 8px 2px rgba(207,207,207,1);
	box-shadow: 			0px 0px 8px 2px rgba(207,207,207,1);
}

.main-wrapper .quiz-wrapper .questions-wrapper .question-container .answer-wrapper .answer-container .answer-button .answer-text{
	display: 			block;
	width: 				100%;
	position:   		relative;
	float: 				left;
	text-align: 		left;
}

.main-wrapper .quiz-wrapper .questions-wrapper .question-container .answer-wrapper .answer-container .answer-button .answer-text .prefix{
	display: 			inline;
	position:   		relative;
	margin-right: 		1px;
	font-weight: 		700;
}

.main-wrapper .quiz-wrapper .questions-wrapper .question-container .answer-wrapper .answer-container .answer-button .answer-text .text{
	display: 			inline;
	position:   		relative;
}

.main-wrapper .quiz-wrapper .btn-next{
	margin-top: 20px;
	float: right;
	padding: 10px;
	background: #000;
	color: #fff;
	font-weight: 700;
	cursor: pointer;
	position: relative;
	z-index: 3;
	border-radius: 3px;
	display: none;
}

.main-wrapper .quiz-wrapper .progress-wrapper{
	display: 	block;
	width: 		100%;
	float: 		left;
	margin-top: 30px;
}

.main-wrapper .quiz-wrapper .progress-wrapper .progress-bar{
	display: 	block;
	width: 		100%;
	float: 		left;
	padding: 	3px;
    background: #d6d6d6;
    border-radius: 3px;
}

.main-wrapper .quiz-wrapper .progress-wrapper .progress-bar .bar{
	display: 		block;
	border-radius: 	3px;
	float: 			left;
	background: 	#fff;
	padding: 		1px;
	width: 			0px;
	-webkit-transition: 	all 333ms;
	transition: 			all 333ms;
}


.main-wrapper .quiz-wrapper .progress-wrapper .progress-bar .bar .number{
	display: 		block;
	width: 			100%;
	text-align: 	center;
	color: 			#000;
	font-weight: 	700;
	font-size: 		14px;
	cursor: 		default;
}

.main-wrapper .result-wrapper{
	display: 			none;
	width: 				100%;
	position:   		relative;
	float: 				left;
	margin-top: 		30px;
}

.main-wrapper .result-wrapper .title{
	width: 				100%;
	position:   		relative;
	float: 				left;
	text-align: 		center;
	margin-bottom: 		30px;
	font-size: 			20px
}

.main-wrapper .result-wrapper .header-result{
	display: 			block;
	width: 				100%;
	position:   		relative;
	float: 				left;
	margin-bottom: 		30px;
}

.main-wrapper .result-wrapper .header-result .img-result{
	display:			block;
	width:				100%;
	height: 			auto;
	object-fit: 		cover;
	object-position: 	center;
}

.main-wrapper .result-wrapper .content-result{
	display: 			block;
	width: 				100%;
	position:   		relative;
	float: 				left;
	text-align:			center;
	margin-bottom: 		30px;
}


.main-wrapper .result-wrapper .content-result .logo-sport{
	display: 			inline-block;
	width: 				40px;
	height: 			auto;
	vertical-align: 	middle;
}

.main-wrapper .result-wrapper .content-result .title-result{
	display: 			block;
	position:   		relative;
	font-size: 			28px;
	width: 				100%
}

.main-wrapper .result-wrapper .content-result .counter-result{
	display: 			block;
	position:   		relative;
	font-size: 			16px;
	width: 				100%;
	color: 				#7f7f7f
}

.main-wrapper .result-wrapper .content-result .text-result{
	display: 		block;
	width: 			100%;
	position:   	relative;
	float: 			left;
	color: 			#000;
	line-height: 	23px;
	font-size: 		14px;
	margin-top: 	10px;
}

@media all and (min-width: 500px){
	.main-wrapper .result-wrapper .content-result .title-result{
		font-size: 36px;
	}
}

.main-wrapper .result-wrapper .container-footer{
	display: 		block;
	width: 			100%;
	position:   	relative;
	float: 			left;
	text-align: 	center;
}

.main-wrapper .result-wrapper .container-footer .btn{
	cursor: pointer;
	width: 130px;
	height: 30px;
	border-radius: 3px;
	color: #fff;
	margin:	10px 5px;
	font-size: 14px;
}

.main-wrapper .result-wrapper .container-footer .btn .link{
	display: block;
	width: 100%;
	height: 100%;
	line-height: 30px;
}

.main-wrapper .result-wrapper .container-footer .btn.facebook{
	background: #3C5A99;
}

.main-wrapper .result-wrapper .container-footer .btn.twitter{
	background: #1DA1F2;
}

.main-wrapper .result-wrapper .container-footer .btn.whatsapp{
	background: #4AC959;
}

.main-wrapper .result-wrapper .container-footer .btn.restart{
	background: #ff7d55;
}

@media all and (min-width: 600px){
	.main-wrapper .quiz-wrapper .questions-wrapper .question-container .image-wrapper{
		width: calc(calc((100%  - (100%/3)) - 20px));
	}

	.main-wrapper .quiz-wrapper .questions-wrapper .question-container .answer-wrapper{
		width: calc(100%/3);
		float: right;
	}

	.main-wrapper .quiz-wrapper .btn-next{
		margin-top: -50px;
	}

	.main-wrapper .quiz-wrapper .questions-wrapper .question-container .name{
		font-size: 24px;
	}


}</pre></body></html>