<div class='assembly'>
	<div class='plane'></div>
	<div class='plane'></div>	
</div>
$dim: 40vmin;

body {
	margin: 0;
	height: 100vh;
	perspective: 40em;
}

div { position: absolute; }

.assembly {
	top: 50%; left: 50%;
	transform-style: preserve-3d;
}

.plane {
	margin: -.5*$dim;
	width: $dim; height: $dim;
	background: #ee8c25;
	
	&:last-child {
		transform: rotateY(60deg);
		background: #d14730;
	}
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.