/*cores*/
:root{
	--roxo-botao: #896cae;
	--roxo-fonte: #5c2992;
	--roxo-hover: #4f1e6f;
	--azul-padrao: #19459d;
	--background-color: #dddaed;

	--medium: 'GothamMedium';
	--bold: 'GothamBold';
	--light: 'GothamLight';
}

/*fonts*/

@font-face {
	font-family: 'GothamMedium';
	src: url("../fonts/Gotham-Medium.otf");
}
@font-face {
	font-family: 'GothamBold';
	src: url("../fonts/Gotham-Bold.otf");
}
@font-face {
	font-family: 'GothamBlack';
	src: url("../fonts/Gotham-Black.otf");
}
@font-face {
	font-family: 'GothamLight';
	src: url("../fonts/Gotham-Light.otf");
}

/*default*/
*{
	padding: 0;
	margin: 0;
	font-family: GothamMedium;
}

body, html{
	/*background-image: url(../img/fundo-index.png);*/
	background-repeat: no-repeat;
 	background-position: left top;
 	background-size: 101vw 101vh;
	/*font-family: Myriad;*/
	color: white;
	background-color: white;
	cursor: default;
	margin: 0;
	padding: 0;
	overflow: hidden;
	touch-action: none;
	outline: none;
	-o-user-select: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: none;
	font-family: BancoDoBrasilRegular ;
}
input, textarea, button, select, a{
    -webkit-tap-highlight-color: transparent;
}
body *{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
img{
	border: hidden;
}
input, textarea, button, select, a{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	border: hidden;
}
textarea:focus, input:focus, select:focus, button:focus{
    outline: none;
}
input:focus, input:active:focus{
    outline: none;
    text-decoration: none;
}
input:focus{
    text-decoration: none;
}
input:hover{
    text-decoration: none;
}
a{
	-o-user-select: none;
    user-select: none;
	outline: none;
	text-decoration: none;
}
a:focus, a:active:focus{
    outline: none;
}
a:focus{
    text-decoration: none;
}
a:hover{
    text-decoration: underline;
}


.container{
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: transparent;
	/*width: 100vw;*/
	width: calc(100vh * 9 / 16);
	max-width: 100vw;
	/*height: calc(100vw * 9 / 16);*/
	height: 100%;
	max-height: 100%;
	transform: translate(-50%,-50%);
	overflow: hidden;
}