*{
	font-family: sans-serif;
	margin: 0;
	font-weight: 100;
}

#load{
	transform: translateY(-1080px) !important;
	opacity: 0 !important;
	z-index: 0;
}

header{
	background-color: #63a4ff;
	z-index:1;
	height:60px;
	width: 100%;
	position: fixed;
	box-shadow: #0008 0px 2px 4px
}

	.index {
		background-color: #004ba0;
		display: inline-flex;
		width:100%;
	}
	
		.item:first-child{
			margin-left: auto;
		}
		
		.item {
			padding: 1em;
			color: #fff;
		}
		
	.position {
		width:100%;
		height: 10px;
		overflow: hidden;
	}
	
		.left, .right{
			background-color: #004ba0;
			width: 100%;
			height: 100%;
		}
		
section{
	padding: 3em;
	transform: translateY(2em);
	background-color: #e6ceff;
}
section:nth-child(odd){
	background-color: #0069c0;
	color: #fff;
}

.intro{
	height: 100%;
	margin: auto 0;
	display: inline-flex;
}
.picture{
	width: 600px;
	height: 600px;
}

.text {
	width: 55%;
	margin-left: auto;
	border-left: 1px solid #fff5;
	padding: 2em;
}
h1{
	font-size: 32pt;
	margin: 2em 1em;
}
h5 {
	font-size: 16pt;
	margin: 2em 1em;
	text-align:justify;
}

.heavy{
	font-weight: bold;
}

.cards {
	margin:.5em;
	margin-right: auto;
	display: inline-flex;
	box-shadow: #0005 4px 2px 4px;
	width: 48em;
	background-color:#fff;
}

.profile{
	background-image:url('thumbz.webp');
	width: 200px;
	height: 200px;
	padding: 1em;
}

	.descriptor{
		padding: 1em;
	}
	
		.name{
			font-size: 24pt;
		}
		.description{
			font-size: 12pt;
		}
		.links{
			margin: 1em 0;
			display: flex
		}
		
			.links *{
				padding: .5em 1em;
				margin-right: 1em;
				background-color: #0003;
				color: #fff;
				
			}
			.youtube{
				background-color: #f44336;
			}
			.deviantart{
				background-color: #4caf50;
			}