body										{background:#F3EBE1;margin-left:200px;color:#0A3052;}
body.inloggen								{background:#F3EBE1 url(../graphics/takumio-background.jpg) center no-repeat;background-size:cover;margin:0;}
body::after									{display:none;}

.color										{color:#0A3052;}

body.inloggen fieldset						{position:relative;background:rgba(255, 255, 255, 0.65);backdrop-filter:blur(5px);box-shadow:inset 2px 2px 8px rgba(255, 255, 255, 0.35);padding-left:235px;border-radius:10px;}
body.inloggen fieldset .logo				{position:absolute;top:-60px;left:-235px;width:200px;bottom:-25px;background:#0A3052;border-radius:10px 0 0 10px;}
body.inloggen fieldset .logo .container		{display:block;width:200px;height:200px;position:relative;margin:10px -5px;scale:0.35;}
body.inloggen fieldset legend				{left:215px;}
body.inloggen #siteform						{max-width:700px;}

fieldset legend								{color:#0A3052;}
fieldset button.btn							{background:#0A3052;border:none;color:#F3EBE1;}

h1											{color:#0A3052;left:200px;}

header 										{background:#0A3052;width:200px;}
header nav a								{color:#F3EBE1;}
header .container							{display:block;width:200px;height:200px;position:relative;margin:-15px;scale:0.35;}
#cube										{width:100%;height:100%;position:absolute;transform:rotateX(55deg) rotateY(0deg) rotateZ(45deg);transform-style:preserve-3d;animation:rotatecube 5s infinite;animation-delay:3s;}
#cube div									{width:200px;height:200px;display:block;position:absolute;border:none;}
#cube div svg								{position:absolute;top:0;left:0;width:200px;height:200px;}

@keyframes rotatecube
{
	0%										{transform: rotateX(55deg) rotateY(0deg) rotateZ(45deg);} 
	25%										{transform: rotateX(55deg) rotateY(0deg) rotateZ(45deg);} 
	75%										{transform: rotateX(55deg) rotateY(0deg) rotateZ(405deg);}
	100%									{transform: rotateX(55deg) rotateY(0deg) rotateZ(405deg);}
}

#cube .front								{transform:rotateY(0deg) translateZ(100px);}
#cube .back									{transform:rotateX(180deg) translateZ(100px);}
#cube .right								{transform:rotateY(90deg) translateZ(100px);}
#cube .left									{transform:rotateY(-90deg) translateZ(100px);}
#cube .top									{transform:rotateX(90deg) translateZ(100px);}
#cube .bottom								{transform:rotateX(-90deg) translateZ(100px);}