html {
	--1cor: black;
	--2cor: #3B4CCA;	
	--3cor: #FFDE00;	
	
	scrollbar-width: thin;
	scrollbar-color: var(--2cor) var(--1cor);
}
html::-webkit-scrollbar {
	width: 15px;
}
html::-webkit-scrollbar-track {
	background: var(--1cor);
}
html::-webkit-scrollbar-thumb {
	background-color: var(--2cor);
	border-radius: 8px;
	border: 5px solid var(--1cor);
}

@font-face {
	font-family: PokemonFont;
	src: url(../fonts/Ketchum.otf);
}

ion-grid,#avatar {	
	margin-top: 12vw;
}

ion-content,
#eventoDiv {
	text-align: center;
	font-size: 8vw;  
	font-family: PokemonFont;
	color: var(--3cor);
	-webkit-text-stroke: 0.7vw var(--2cor);	 	
	background-color: var(--1cor);
	--ion-background-color: var(--1cor);
	border: 4px solid var(--2cor);		
}

#eventoDiv {
    padding: 4%;
}			
#eventoDiv img{
	width: 3vh;
	height: 3vh;		
}

#eventoDiv span{
	position: relative;
	z-index: 2;
}

a:nth-of-type(1) img{
	width: 3vw;	
	position: relative;
	left: 4.3vw;
	z-index: 1;
}		
a:nth-of-type(2) img {
	width: 3vw;	
	position: relative;
	right: 5.2vw;
	z-index: 1;
}

a,a:link, a:visited,a:link, a:visited{
	text-decoration: none;
	-webkit-text-stroke: 0.7vw var(--2cor);	  
}

#avatar {
	width: 6vw;
}
.item {
	border-radius: 5px;
	border: 4px solid var(--2cor);	
	width: 40vw;	
	
	padding: 2%;
	background-color: var(--1cor);
	
	width: 100%;
	height: 25%;
}
ion-col {
	margin-left: 0px!important;
}
ion-scroll {
	height: 25%;
}
ion-label img {
	width: 3vw;
	vertical-align: middle;
	position: relative;
	z-index: 1;
}
p img:nth-of-type(2) {	
	right: 3vw;
	z-index: 2;	
}
ion-avatar {	
	border: 4px solid var(--2cor);
	width: 6vw;
	height: 6vw;
	background: url("../imgs/events/fundo.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	--border-radius: 50%;
}
p,h1,h2 {
	color: var(--3cor)!important;	
	text-align: center;	
	font-family: PokemonFont;
	-webkit-text-stroke: 0.3vw var(--2cor);		
}
p{
	font-size: 3vw!important;		
}
h1 {	
	font-size: 3.3vw!important;
}
h2 {	
	font-size: 3vw!important;
}