body, html { height: 90%; }
body { background: #000; }

#wrapper
{
	padding: 30px;
	height: 100%;
	margin: 0px auto;
	overflow: hidden;
	position: relative;
}

#logo
{
	transform: scale(1.2);
	background-image: url(ByggmarksLogo_crop.svg);
	background-repeat: no-repeat;
	background-size 100%: ;
	height: 200px;
	width: 700px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -350px;
	margin-top: -150px;
}

#linkswrapper { }

#links a:link, #links a:visited, #links a
{
	color: #fafafa;
	text-decoration: underline;
}

#links
{
	transform: rotate(3.6deg);
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -400px;
	margin-top: 50px;
	color: #fafafa;
	font-size: 13px;
	font-family: helvetica;
	font-weight: normal;
}

.roterad { }
.texten{
	color: #fafafa;
	font-size: 16px;
	font-family: helvetica;
	font-weight: normal;
}
#socials a:link, #socials a:visited {
	color: #fafafa;
}

#socials
{
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: 250px;
	margin-top: 100px;
	font-size: 35px;
	text-align: end;
}