@font-face {
  font-family: tituloPrincipal;
  src: url(../font/SpringtimeSunshine.otf);
  src: url(../font/SpringtimeSunshine.otf);
}

@font-face{
	font-family: cambria;
  	src: url(../font/cambria.tff) ;
}

@import url('https://fonts.googleapis.com/css2?family=Encode+Sans:wght@900&display=swap');

*{margin: 0;}
body, html{
	height: 100%;
	background-color: #291342;
	color: #ffffff;
	text-align: center;
	font-family: cambria;
}
header{
	background-image: url("../images/bg-header.jpg");
	background-color: #e19630;
	background-repeat: repeat;
	width: 100%;
	text-align: center;
}

header h1{
	color: #FFF;
	height: 93px;
	max-height: 93px;
	background-image: url("../images/bg-header-bandeira.jpg");
	font-family: tituloPrincipal;
	margin: 0;
	margin-top: -4px;
	box-sizing: border-box;
	text-shadow: -0.1em 0.02em 0em #3c1a3b;
	font-weight: bolder;
}

h2{
	font-family: 'Encode Sans', sans-serif;
}
header h1 span{
	font-weight: 100;
}

main section article{
	padding: 10px;
}
main section article h2{
	text-transform: uppercase;
}

main section article h2 span{
	text-transform: uppercase;
	color: #fffc02;
}

.contagem{
	width: 50%;
	margin: auto;
	border: double 5px #291342;
	background-color: #fffc02;
	color: #3c1a3b;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 18px;
	padding: 20px;
}

footer{
	box-sizing: border-box;
	height: 445px;
	background: url(../images/bg-footer-left.jpg) top left no-repeat,
	url(../images/bg-footer-right.jpg) top right no-repeat,
	url(../images/bg-footer.jpg);
	padding: 20px;
}
#playMusic{
	position: fixed;
	width: 100%;
	margin: auto;
	bottom: -10px;
}

#creditos{
	color: #291342;
	margin: 100px;
	background-color: #fff;
}

#creditos a{
	text-decoration: none;
	color: #291342;
	font-weight: bold;
}

.doacao p a{
	background: #37c86e;
	display: block;
	width: 50%;
	margin: auto;
	margin-top: 10px;
	color: #fff;
	padding: 15px;
	text-decoration: none;
	font-size: 18px;
}

img {
   max-width: 100%;
}

.botao{
	display: inline;
	padding: 5px;
	margin: 15px;
}

.botao a{
	color: #FFF;
	text-decoration: none;
}

.botao.yt{
	background: #c4302b;
}

.botao.fb{
	background: #3b5998; 
}