/* Definição css pra configurar o footer e a header */

@charset UTF-8

* {
	margin: 0;
	padding: 0;
}

@font-face {
  font-family: Starjedi;
  src: url(../fonts/starjedi/Starjedi.ttf);
}

@font-face {
  font-family: Starjout;
  src: url(../fonts/starjout/Starjout.ttf);
}

@font-face {
  font-family: Stjedise;
  src: url(../fonts/stjedise/STJEDISE.TTF);
}

header{
	padding-left:5%;
	padding-right:5%;
	background-color: #222222;
	font-family: Starjedi, Arial;
}

header a{
	text-decoration: none;
	color: white;
}

header a:hover {
	color: #FFE81F;
}

header ul{
	margin:0;
	list-style: none;
}

.menu{
	display: flex;
	justify-content: space-between;
}

.PagIni{
	font-family: Stjedise;
	display: flex;
	font-size: 120%;
	padding-right: 10%;
}

.PagIni img{
	height: 30px;
	padding-left: 10px;
}

.Pags{
	display: flex;
	padding-top: 5px;
	padding-right: 10px;
}

.Pags a{
	padding-right: 10px;
}

footer{
	display: flex;
	justify-content: center;
	margin: 0;
	padding: 0;
	background: #222222;
	color: white;
}

footer > img{
	height: 75px;
}

footer > p{
	padding: 10px;
}

/* Inicio do CSS do meu curriculo*/

body {
	background-image: url("../images/zuilho_bg.gif");
	background-position: center;
	background-color: #cccccc;
	margin:0;
	padding:0;
}

section{
	padding-left:5%;
	padding-right:5%;
	margin-right:5%;
	margin-left:5%;
	margin-bottom:10px;
	margin-top:10px;
}

ul, li{
	text-align:center;
	width:100%;
	list-style-type:none;
	padding-left:0;
	font-family:"Audiowide";
	font-size:17	px;
}

.link_contato {
	display:flex;
	justify-content: center;
	padding-top:5px;
}

#zuilho{
	width: 300px;
	border-radius: 50%;
	border: 10px solid orangered;
	margin-bottom:10px;
	margin-top:50px;
	transition: transform .5s;
}

#zuilho:hover{
	border: 10px solid cyan;


}

.inicio{
	display:block;
	text-align:center;
}

#nome_principal{
	text-align:center; 
	text-shadow:5px 5px orangered;  
	font-size: 80px;
	margin-top:10px;
	margin-bottom:10px;
	transition: transform .5s linear;
	color:white;
}

#nome_principal:hover{
	text-align:center; 
	text-shadow:5px 5px cyan; 
	font-size: 80px;
}

.sobre_mim{
	display:flex;
	border-radius:10px;
	background-color:cyan;
	text-align:center;
}
.escolaridade{
	display:flex;
	border-radius:10px;
	background-color:orangered;
	text-align:center;
}
.exp{
	display:flex;
	border-radius:10px;
	background-color:cyan;
	text-align:center;
}
.habilidade{
	display:flex;
	border-radius:10px;
	background-color:orangered;
	text-align:center;
}
.contato{
	display:flex;
	border-radius:10px;
	background-color:cyan;
	text-align:center;
}

.conteudo{
	text-align:center;
	width:100%;
}

.icon{
	position:relative;
	top:100%;
	width:150px;	
	height:150px;
	margin:10px;
}

#proficiencia{
	display:flex;
	padding-top:5px;
}

h2{
	font-family:"Audiowide", sans-serif;
	margin-bottom:10px;
}

h5{
	font-family:"Audiowide";
	font-size:15px;
	background-color: cyan;
	border-radius:20px;
	margin:6px;	
}

p{
	font-family:"Audiowide";
	font-size:15px;
	text-align:justify;	
	padding-bottom:5px;
}

a{
	text-decoration:none;
	color:black;
}
a:hover{
	color:orangered;
}

.subtitulo{
	color:white;
}