/* ---------- Reset ---------- */

body, h1, h2, h3, p, ul, ol, a, header, main {
	margin:0;
	padding:0;
}


img {max-width: 100%; display: block;}
* {box-sizing: border-box;}


/* ---------- Main ---------- */


.flex{display: flex; flex-wrap: wrap;}
.header-avatar{position:relative;}
.header-avatar figure{position:relative; height:150px; width:150px; border-radius:50%; margin-bottom: 60px; overflow: hidden;}
.header-avatar figure img{width:100%;height:100%; object-fit: cover;}


main {
	width: 100%;
	height: 90vh;
	padding: 0px 0px 0px 0px;
	text-align: center;
	display: flex;
	flex-flow: column;
	align-items: center;
    justify-content: center;
	
}


.social {
	width: 100%;
	display: flex;
	flex-flow: column;
	align-items: center;
    justify-content: center;
	
}

.social svg {
	width: 35px;
	margin-bottom: 20px;
	fill: #000000;

}