:root{
	--color-light-1:#2FA;
	--color-light-2:#296;
	--color-dark-0:#2244;
	--color-dark-1:#224;
	--color-dark-2:#437;
	--color-dark-3:#4373;
	--color-dark-4:#4372;
	--color-dark-5:#459;
	--transition:.3s cubic-bezier(.68,-0.55,.27,1.55);

	--tag-game:#962b;
	--tag-music:#721b;
	--tag-video:#235b;
	--tag-project:#245b;
	--color-text:#eee;
	--color-bg:#222;
}
html{
	background-color: var(--color-bg);
	color:var(--color-text);
}/*
*:not(html, svg *){
	animation: appear 2s;
}
@keyframes appear {
	from{
		opacity:0;
	}
	to{
		opacity:1;
	}
}
*/
body:after{
	content: "";
	animation: loading 2.5s;
	height:1px;
	width: 100%;
	position: fixed;
	top: 0;
	left:0;
	opacity: 0;
	z-index: 100;
	background: var(--color-light-2);
}
@keyframes loading {
	from{
		width:0;
		opacity: 1;
		height:2px;
		overflow: hidden;
	}
	80%{
		width:100%;
		opacity: 1;
		height:2px;
		overflow: hidden;
	}
	to{
		opacity: 0;
		height:0px;
		overflow: hidden;
	}
}
html{
	animation: appear-scroll 2s;
	height:auto;
	overflow: auto;
}
@keyframes appear-scroll {
	from{
		overflow: hidden;
		height:100vh;
	}
	to{
		overflow: hidden;
		height:100vh;
	}
}