@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)
}

*{
	padding: 0px;
	margin: 0px;
	font-family: sans-serif;
}

a{
	text-decoration: none;
}


/*SESSÕES E DIVS */

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

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


/* TEXTOS */

h1 {
  font-family: Roboto_Flex;
  font-size: 2.5em;
  font-weight: 800;
  padding: 5px;
}


p{
	font-family: Roboto_Flex;
  	font-size: 1.5em;
  	font-weight: 500;
  	padding: 5px;	
}

.p-mini{
	font-size: 0.8em;
}

.h1-title-blue{
	color: darkblue;	
}

.bg-skyblue{
	 background-color: skyblue;
}


/* IMAGENS */
.img-social{
	width: 50px;
	padding: 10px;
}

.img-average{
	width: 300px;
	border-radius: 50%;
	border: solid darkblue;
	box-shadow: 0px 0px 20px black;
}

.img-title{
	width: 100px;
	height: 100px;
	border-radius: 50%;
	border: solid darkblue;
	box-shadow: 0px 0px 20px black;
}

.img-galery{

	width: 300px;
	margin: 10px;
	border: 2px solid darkblue;

	border-radius: 10px;
	box-shadow: 0px 0px 10px black ;
}



.bt-floating{
            width: 50px;
            height: 50px;
            position: fixed;
            bottom: 10px;
            right: 10px;
        }