*{
	padding: 0px;
	margin: 0px;
}

@font-face {
  font-family: Roboto_Flex;
  src: url(../font/Roboto_Flex/RobotoFlex-VariableFont_GRAD,XTRA,YOPQ,YTAS,YTDE,YTFI,YTLC,YTUC,opsz,slnt,wdth,wght.ttf)
}

@font-face {
  font-family: Poppins;
  src: url(../font/Poppins/Poppins-SemiBold.ttf)
}


body{
	background: black;
}

/*****CONTAINERS E DIVS*****/

.container{
	display: flex;
	align-content: center;
	justify-content: center;
	flex-flow: wrap;
	padding: 20px;
	text-align: center;
}

.container-block{
	align-content: center;
	justify-content: center;
	text-align: center;
	padding: 20px;
}


.box{
	display: flex;
	width: 450px;
	justify-content: center;
	align-items: center;
	text-align: center;
	align-content: center;
	margin: 10px;
}

/*****TEXTOS*****/

.h1-title-main{
	font-family: Poppins;
	font-weight: 600;
	color: yellow;
	font-size: 2em;
	margin: 10px;
}

.h2-title-average{
	font-family: Roboto_Flex;
	color: white;
	font-size: 1.5em;
	margin: 10px;
}


.h2-title-larg{
	font-family: Roboto_Flex;
	color: yellow;
	font-size: 2.1em;
	margin: 10px;
}

.text-highlighter-p{
	color: yellow;

}

.text-color-blue{
	color: DeepSkyBlue;
}

h1{
	font-family: Roboto_Flex;
	color: yellow;
	padding: 10px;

}

h6{
	font-family: Roboto_Flex;
	color: white;
}

p{
	 font-family: Roboto_Flex;
	 color: white;
	 font-size: 1.3em;
	 margin: 10px;
}

.text-p-center{
	 font-family: Roboto_Flex;
	 color: white;
	 font-size: 1.3em;
	 margin: 10px;
	 line-height: 2em;
	 padding: 10px;
}

.box img{
	width: 100%;
}


.bt-blue{
	width: 300px;
	background-color: DeepSkyBlue;
	padding: 20px;
	margin: 20px;
	border-radius: 20px;
	border: none;
	font-size: 1.3em;
	box-shadow: 0px 1px 10px 5px  deepskyblue;
	font-weight: 600;
}

.bt-blue:hover{
	width: 300px;
	padding: 20px;
	margin: 20px;
	background-color: black;
	border: 2px solid deepskyblue;
	color: deepskyblue;
	border: none;
	box-shadow: 0px 1px 10px 5px  deepskyblue;
	font-size: 1.3em;
	font-weight: 600;
}