body
{
	font-family: 'Inter', sans-serif;
	background: #121212;
	color: #dedede;
	font-size: 20px;
	margin: 30px;
}

p
{
	margin-top: 0px;
	margin-bottom: 40px;

	font-weight: 300;

	line-height: 1.4em;
}

h1, h2
{
	font-weight: 400;
	margin: 0px;
	padding: 0px;
	font-size: 20px;
	margin-bottom: 2px;
}

h1 span, h2 span
{
	color: #494949;
}

a
{
	color: #dedede;
	text-underline-offset: 4px;
	text-decoration-color: #494949;
	text-decoration-thickness: 2px;

	transition: .1s;

}

footer
{
	position: absolute;
	bottom: 0px;
	padding-bottom: 30px;
}

a:hover
{
	color: #CCFF00;;

	text-decoration-color: #536800;

}

ul
{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

li
{
	display: inline-block;
	margin-right: 18px;
}

li:last-child
{
	margin-right: 0px;
}

li span
{
	color: #494949;
}

div.redesign {
	position: fixed;
	bottom: -55px;
	left: 0px;

	transform-origin: top left;
	transform: rotate(-90deg);

	background: #333;
	color: #121212;

}

div.redesign ul {
	margin: 0px;
	padding: 0px;
	
	list-style: none;

	text-transform: lowercase;
}

div.redesign li {
	font-size: 14px;

	height: 24px;

	color: #aaa;

	margin: 0px;
	padding: 0px;

	padding-left: 34px;
	padding-right: 6px;

	background-image: url('arr2.svg');
	background-repeat: no-repeat;
	background-position: 0px 0px;

}

p.vacant
{
	background-image: url('arr.svg');
	background-repeat: no-repeat;
	background-position: -10px 0px;

	text-indent: 22px;
}


div.promo 
{
	float: left;
	width: 55%;
	position: relative;
}

div.promo img
{
	
	margin: auto;
	margin-top: 4vw;	
	display: block;
}

canvas 
{
	position: fixed;
	left:-20vw;
	top: 0px;
	z-index: -3;
}



@media screen and (max-height: 900px)
{
	footer
	{
		position: relative;
	}
}

@media screen and (max-width: 2560px)
{
	section
	{
		width: 40%;
		float: right;
	}


}

@media screen and (max-width: 1023px)
{
	body
	{
		margin: 18px;
		font-size: 18px;

		overflow-x: hidden;
	}

	section
	{
		width: 100%;
	}

	footer
	{
		position: relative;
		padding-bottom: 0px;
	}


	div.redesign
	{
		position: relative;
		top: 0px;
		left: 0px;

		margin-bottom: 40px;
	}
	canvas
	{
		position: relative;
		top: 0px;
		left: -1vw;
	}


}

