@keyframes fade-in {
	0% {
			opacity: 0;
			transform: translateY(-100%);
	}
	100% {
		opacity: 1;
		transform: translateY(0%);
	}
}

@keyframes fade-up {
	0% {
			opacity: 1;
			transform: translateY(100%);
	}
	100% {
		opacity: 1;
		transform: translateY(0%);
	}
}

@keyframes fade {
	0% {
			opacity: 0;
			
	}

	60% {
		opacity: 0;
	}

	100% {
		opacity: 1;
		
	}
}

@keyframes fade-quick {
	0% {
			opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

body{
	background: rgb(80, 80, 80);
	animation: fade-quick 1.5s;
}

.mediaViewInfo {
	--web-view-name: Web 1920 – 1;
	--web-view-id: Web_1920__1;
	--web-scale-to-fit: true;
	--web-scale-to-fit-type: fit;
	--web-enable-scale-up: true;
	--web-scale-on-resize: true;
	--web-show-by-media-query: true;
	--web-enable-deep-linking: true;
}
:root {
	--web-view-ids: Web_1920__1;
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	border: none;
}
.Web_1920__1_Class {
	position: absolute;
	width: 1920px;
	height: 963px;
	background: linear-gradient(132.4deg, rgba(10,10,10,0.902) 0%, rgba(39,39,39,1) 14.95%, rgba(78,78,78,1) 32.77%, rgba(78,78,78,0.902) 55.71%, rgba(19,19,19,0.902) 100%);
	overflow: hidden;
	--web-view-name: Web 1920 – 1;
	--web-view-id: Web_1920__1;
	--web-scale-to-fit: true;
	--web-scale-to-fit-type: fit;
	--web-enable-scale-up: true;
	--web-scale-on-resize: true;
	--web-show-by-media-query: true;
	--web-enable-deep-linking: true;
}
.ChessBackground_Class {
	mix-blend-mode: normal;
	position: absolute;
	width: 999px;
	height: 962.875px;
	left: 921px;
	top: 0.313px;
	overflow: hidden;
	animation: fade-up 1.5s;
}
.NoPath_-_kopie_4_Class {
	position: absolute;
	width: 1731px;
	height: 1081.875px;
	left: -732px;
	top: -10px;
	overflow: visible;
}
.mainLogo_Class {
	position: absolute;
	width: 148px;
	height: 197.984px;
	left: 39.691px;
	top: 32.877px;
	overflow: visible;
	animation: fade 1.2s;
}
.DM_Class {
	opacity: 0.5;
	left: 29.667px;
	top: 149.005px;
	position: absolute;
	overflow: visible;
	width: 106px;
	height: 50px;
	text-align: left;
	font-family: Sitka Small;
	font-style: normal;
	font-weight: normal;
	font-size: 50px;
	color: rgba(255,255,255,1);
	animation: fade 2s opacity 0.5;
}
.logo_Class {
	position: absolute;
	width: 147.536px;
	height: 146.303px;
	left: 0px;
	top: 0px;
	overflow: visible;
	animation: fade-in 1.5s;
}
.Line_2_Class {
	opacity: 0.75;
	fill: transparent;
	stroke: rgba(255,255,255,1);
	stroke-width: 5px;
	stroke-linejoin: miter;
	stroke-linecap: butt;
	stroke-miterlimit: 4;
	shape-rendering: auto;
	animation: fade-in 1.75s opacity 0.75;
}
.Line_2 {
	overflow: visible;
	position: absolute;
	width: 101.643px;
	height: 5.364px;
	left: 20.703px;
	top: 132.947px;
	transform: matrix(1,0,0,1,0,0);
	animation: fade-in 1.75s;
}
.Line_3_Class {
	opacity: 0.6;
	fill: transparent;
	stroke: rgba(255,255,255,1);
	stroke-width: 5px;
	stroke-linejoin: miter;
	stroke-linecap: butt;
	stroke-miterlimit: 4;
	shape-rendering: auto;
	animation: fade-in 2s opacity 0.6;
}
.Line_3 {
	overflow: visible;
	position: absolute;
	width: 88.695px;
	height: 5.255px;
	left: 27.621px;
	top: 140.999px;
	transform: matrix(1,0,0,1,0,0);
	animation: fade-in 2s;
}
.Transition_Class {
	fill: rgba(91,91,91,1);
}
.Transition {
	filter: drop-shadow(0px 25px 25px rgba(0, 0, 0, 0.588));
	overflow: visible;
	position: absolute;
	width: 219.143px;
	height: 1038px;
	left: 887.928px;
	top: 0px;
	transform: matrix(1,0,0,1,0,0);
}
.SelectionLine_Class {
	fill: transparent;
	stroke: rgba(255,255,255,1);
	stroke-width: 5px;
	stroke-linejoin: miter;
	stroke-linecap: butt;
	stroke-miterlimit: 4;
	shape-rendering: auto;
}
.SelectionLine {
	overflow: visible;
	position: absolute;
	width: 94px;
	height: 5px;
	left: 1382px;
	top: 132.5px;
	transform: matrix(1,0,0,1,0,0);
}
.Home_Class {
	left: 1382px;
	top: 70px;
	position: absolute;
	overflow: visible;
	width: 95px;
	white-space: nowrap;
	text-align: left;
	font-family: Segoe UI;
	font-style: normal;
	font-weight: normal;
	font-size: 35px;
	color: rgba(255,255,255,1);
}
.About_Class {
	opacity: 0.5;
	left: 1536px;
	top: 70px;
	position: absolute;
	overflow: visible;
	width: 96px;
	white-space: nowrap;
	text-align: left;
	font-family: Segoe UI;
	font-style: normal;
	font-weight: normal;
	font-size: 35px;
	color: rgba(255,255,255,1);
}

.About_Class:hover{
	opacity: 1;
}

.Portfolio_Class {
	opacity: 0.5;
	left: 1691px;
	top: 70px;
	position: absolute;
	overflow: visible;
	width: 133px;
	white-space: nowrap;
	text-align: left;
	font-family: Segoe UI;
	font-style: normal;
	font-weight: normal;
	font-size: 35px;
	color: rgba(255,255,255,1);
}

.Portfolio_Class:hover{
	opacity: 1;
}

a{
	color: white;
	text-decoration: none;
}

.Ellipse_2_Class {
	opacity: 0.25;
	fill: rgba(255,255,255,1);
	animation: fade 2.1s opacity 0.25;
}
.Ellipse_2 {
	position: absolute;
	overflow: visible;
	width: 546px;
	height: 546px;
	left: 1204px;
	top: 235px;
	animation: fade 2.2s;
}

.Professional_Chess_player_Class {
	filter: drop-shadow(10px 10px 25px rgba(0, 0, 0, 1));
	left: 1143px;
	top: 548px;
	position: absolute;
	overflow: visible;
	width: 670px;
	height: 80px;
	text-align: left;
	font-family: Segoe UI;
	font-style: normal;
	font-weight: normal;
	font-size: 60px;
	color: rgba(255,255,255,1);
	animation: fade 2.6s;
	text-shadow: 0px 5px 5px rgb(0, 0, 0);
}

.David_Musil_Class {
	filter: drop-shadow(10px 10px 25px rgba(0, 0, 0, 1));
	left: 1089px;
	top: 348px;
	position: absolute;
	overflow: visible;
	width: 776px;
	white-space: nowrap;
	text-align: left;
	font-family: Segoe UI;
	font-style: normal;
	font-weight: normal;
	font-size: 150px;
	color: rgba(255,255,255,1);
	animation: fade 2.1s;
	text-shadow: 0px 15px 15px rgb(0, 0, 0);
}

.David_Musil_Class:hover{
	scale: 1.05;
	transform: translateY(-10px);
	transition: 1s;
	text-shadow: 0px 0px 75px rgb(255, 255, 255);
}

.Footer_Class {
	opacity: 0.5;
	fill: rgba(36,36,36,1);
}
.Footer {
	overflow: visible;
	position: absolute;
	width: 863.342px;
	height: 111.116px;
	left: 1056.658px;
	top: 852px;
	transform: matrix(1,0,0,1,0,0);
}
.InstagramLOGO_Class {
	opacity: 0.7;
	position: absolute;
	width: 76px;
	height: 76px;
	left: 1581.5px;
	top: 867px;
	overflow: visible;
}

.InstagramLOGO_Class:hover{
	opacity: 1;
	color: white;
}

.FacebookLOGO_Class {
	opacity: 0.7;
	position: absolute;
	width: 116px;
	height: 116px;
	left: 1427.5px;
	top: 847px;
	overflow: visible;
}

.FacebookLOGO_Class:hover{
	opacity: 1;
	color: white
}

.YTLOGO_Class {
	opacity: 0.7;
	position: absolute;
	width: 80.3px;
	height: 81.618px;
	left: 1742.7px;
	top: 864.191px;
	overflow: visible;
}

.YTLOGO_Class:hover{
	opacity: 1;
	color: white;
}

.Me_Class {
	mix-blend-mode: normal;
	position: absolute;
	width: 921px;
	height: 743px;
	left: 0px;
	top: 220px;
	overflow: hidden;
}

.Polygon_1_Class {
	fill: rgba(112,112,112,0.502);
}
.Polygon_1 {
	overflow: visible;
	position: absolute;
	width: 757px;
	height: 655px;
	transform: translate(0px, -43px) matrix(1,0,0,1,-3,143) rotate(189deg);
	transform-origin: center;
	left: 0px;
	top: 0px;
}
.hhhhh_kopie_Class {
	position: absolute;
	width: 1048px;
	height: 786px;
	left: 0px;
	top: -43px;
	overflow: visible;
	animation: fade-quick 5s;
}
.Chess_World_Champion_Class {
	filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 1));
	left: 283px;
	top: 60px;
	position: absolute;
	overflow: visible;
	width: 442px;
	height: 237px;
	text-align: left;
	font-family: Agency FB;
	font-style: normal;
	font-weight: bold;
	font-size: 100px;
	color: rgba(255,255,255,1);
	animation: fade-in 2s;
}