@import url(https://fonts.googleapis.com/css?family=Share+Tech+Mono);
html {
    height: 100%;
}

body {
    height: 100%;
    background: black;
    margin: 0;
    padding: 3em;
    font: .8em/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;
    color: white;
}

	
#header {

	min-height: 40px;
	}
	
#mainwrap {
	overflow: hidden;
	}
	
#sideleft {
	background: #AFEEEE;
	float: left;
	width: 31%;
	}

#sideright {
	background: #AFEEEE;
	float: right;
	width: 69%;
	}


.intro {
        font-family: 'Monoton', sans-serif;
	font-size: 3.0em;
	-webkit-transform-origin:170px 70px;
	display:inline-block;
	margin: auto;
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
}


.back90 {
	display:inline-block;
	margin: auto;
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
}

.front90 {
	display:inline-block;
	margin: auto;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-o-transform:rotate(90deg);
}

.front45 {
	display:inline-block;
	margin: auto;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
}

.front135 {
	display:inline-block;
	margin: auto;
	-webkit-transform:rotate(135deg);
	-moz-transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	-o-transform:rotate(135deg);
}


.front180 {
	display:inline-block;
	margin: auto;
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
}

.vcent {

   margin-top: 60px;
}



.threedee {
	color: #FF0000;
	text-shadow: 3px 0px #00FFFF;
	}