@import url('https://fonts.googleapis.com/css?family=Abel|Baloo+Tammudu');
body 
{
	margin: 0;
	/*background: url('../ui/redbluecap.png') no-repeat #000; */
	background: #000;
	color: #ccc;
	/*font-family: 'Baloo Tammudu', cursive;*/
	font-family: 'Abel', sans-serif;

	/*text-shadow: 0 0 0.1vw #000,0 0 0.2vw #000,0 0 0.3vw #000,0 0 0.4vw #000;*/
	font-size: 2vw;
	overflow-x: hidden;
	user-select: none;
}

body::-webkit-scrollbar
{ display: none;
}

a
{
	color:#c7c;
}

#bg_vid
{ 
/*	top: 0vw;
	left: 0vw;
*/
	background-size: cover;

	position: fixed;
	min-width: 100vw;
	min-height: 100vh;
	width: auto;
	height: auto;
	z-index: -100;

	top: 50vh;
	left: 50vw;
	transform: translateX(-50%) translateY(-50%);

	/*background: url('../ui/redbluecap.png') no-repeat;*/
	/*background-size: cover;*/
	transition: opacity 1s;

	display:block;
}

@media screen and (max-device-width:800px) 
{
	#bg_vid
	{ 
		top: 50vh;
		left: 50vw;
		margin-left:-50vw;
		margin-top:-50vh;
		margin-right:-50vw;
	}
}

.welcomeText_wrap
{
	margin-top:50vh;
}


#welcomeText
{	color: #fef;
	user-select: none;
	text-shadow: 0 0 0.2vw #000,0 0 0.3vw #000,0 0 0.4vw #000,0 0 0.7vw #000, 
	 0.6vw 0.6vw 0.8vw #000;
	font-size: 2.95vw;
	text-align: justify;
	margin-top:-17vw;
	margin-bottom:2vh;

	padding:1vw;
	width:50vw;
	border: 0.5vw dotted rgba(255,192,255, 0.5) ;
	transition: border-color 0.5s;
	margin-left:23.5vw; /* (100-width-padding*2-border*2)/2  makes shit centered*/
}

@media screen and (max-device-width:800px) 
{
	#welcomeText
	{	width:80vw;
		padding:1.6vw;
		margin-top:-22vw;
		margin-left:7.9vw; /* (100-width-padding*2-border*2)/2  makes shit centered*/
		font-size: 4.7vw;
	}
}

#downButton
{	filter: blur(0.06vw) sepia(1%) saturate(200%);
	text-shadow: 0 0 0.2vw #000,0 0 0.3vw #000,0 0 0.4vw #000,0 0 0.5vw #000, 
	 0.6vw 0.6vw 0.8vw #000;
	margin-left:-5vw;
	margin-top:-0vw;
	width: 11vw;
	height: 12vw;
	border:0px white dashed;
	opacity:0.6;
	/*transition: transform 1s, filter 1s, opacity 1s;*/
	transition-duration: 1s;
	/*transition-timing-function: ease-in-out;*/
}

@keyframes hoverDownBtnAnim_key 
{	from	{ transform: scale(1.2,1.2) rotate(0.0turn); }
	25%		{ transform: scale(1.2,1.2) rotate(-0.007turn); }  
	50%		{ transform: scale(1.2,1.2) rotate(0.0turn); }
	75%		{ transform: scale(1.2,1.2) rotate(0.007turn); }
	to		{ transform: scale(1.2,1.2) rotate(0.0turn); }
}

#downButton:hover
{
	filter: blur(0.0vw) sepia(1%) saturate(200%);
	transform: scale(1.2,1.2);
	opacity:0.8;
	animation: 3s ease infinite hoverDownBtnAnim_key;
	animation-direction: forward;
	animation-delay: 2.9s;
}

.gallery
{	
	position: absolute;
	left: 0px;
	top: 1080px;

	/*background: red;*/
	margin:0;
	padding:0;
	/*width:auto;*/
	/*border: 1px dashed cyan;*/
	/*display: inline-block;
	height:110px;*/  /*fix the inline-block-bug? :) */
}
.gallerySlide
{	width: 100vw;
	height:56.25vw;
	/*border:40px solid green;*/
	background: linear-gradient(to bottom, rgba(0,0,0,1), rgba(32,0,32,0.75),rgba(0,0,0,1))
}

img
{
	display:block;
	width:100vw;
	height:56.25vw;
	/*height:100px;*/
	margin: 0;
	padding: 0;
	border:0;
	opacity:1;
	filter: sepia(100%) blur(1.7px);
	transition: filter 6s;
}

#korridoranim
{
	width: 100%;
	display:block;
}

.wt
{	position:relative;
	top:0vw;
	transition: top 0.7s;
	display:inline;
}

.wt:hover
{	top:0.25vw;
	color: #fff;
	/*filter: blur(0.1vw);*/
}

/*
#welcome_animBorder2
{	transition: border-color 0.5s, opacity 4s;
	opacity: 0;
	filter: blur(0.912vw);
	border: 0.5vw dotted #848;
	position: absolute;
	left: 0px;
	top: 100px;
	width: 100px;
	height: 100px;
	z-index: -10;
}
*/