body{
	background: black;
	color: white;
	font-family: monospace;
}

.foto-container{
	overflow: hidden;
	width: 120px;
	height: 120px;
    border-radius: 100%;
	border: 4px solid blue;
}

.profile-foto{
	margin-top: -10px;
	width: 120px;
}

header{
	margin-top: 50px;
	display: flex;
	flex-direction: column;
    align-items: center;
    
}

section{
	margin-top: 30px;
	display: flex;
	flex-direction: column;
	align-items: center;
   
}

footer{
	margin-top: 30px;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 30px;
   
}

footer i{
	margin-top: 15px;
	color: blue;
}

footer i:hover{
	color: red;
	filter: brightness(1.2);
	transform: translateY(-2px);
	cursor: pointer;
}

h1{
	color: red;
	font-size: 24px;

	margin-top: 15px;
}

.link{
    background: pink;
    text-decoration: none;
    color: white;
    margin-top: 30px;

    height: 50px;
    width: 100%;
    max-width: 270px;

    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 250ms;
    
}

.link:first-child{
	margin-top: 0;
}

.link i{
	margin-right: 7px;
}

.call-me{
   text-align: center;
}

.occupation{
    margin-top: 5px;
}

.occupation:hover{
	color: blue;
	filter: brightness(1.2);
	transform: translateY(-2px);
	cursor: pointer;
}

h1,p,body,button{
	margin: 0;
} 

h1:hover{
	color: blue;
	filter: brightness(1.2);
	transform: translateY(-2px);
	cursor: pointer;
}

i{
	font-size: 24px;
}

.link:hover{
	color: blue;
	filter: brightness(1.2);
	transform: translateY(-2px);
	cursor: pointer;
}

main{
	margin: 0 auto;
    max-width: 500px;
    padding: 0 10px;
	
}

.call-me:hover{
	color: blue;
	filter: brightness(1.2);
	transform: translateY(-2px);
	cursor: pointer;
}