html{
	font-size: 100%;
	background-color: white;
	scroll-behavior: smooth;
}

h1{
	font-family: 'Press Start 2P', cursive;
}

.me{
	position: relative;
	display: flex;
	box-sizing: border-box;
	border-radius: 100%;
	width: 15em;
	height:	15em;
	border:.2em solid black;
	top: 5rem;
	margin : 0 auto;
}

.my-name{
	position: relative;
	font-size: 2.8em;
	color:white;
	text-shadow: 0px 0px 5px black;
	text-align: center;
	/*left: calc(50% - 625px);*/
	top:5rem;
}

.skills img{
	position: relative;
	width: 6em;
	height: 6em;
	top:5rem;
}

.skills{
	position: relative;
	margin :0 auto;
	top:4rem;
}

.my-skills{
	position: relative;
	margin :0 auto;
	font-size :1.5em;
	top:6rem;
}

.end{
	position:fixed;
	text-align: center;
	left: 0;
	right: 0;
	bottom: 0;
}

.invisible{
	display: none;
}