@font-face {
	font-family: "RLtype";
	src: url("../fonts/RLtype.eot");
	src: url("../fonts/RLtype.eot?#iefix")format("embedded-opentype"),
		url("../fonts/RLtype.woff")format("woff"),
		url("../fonts/RLtype.woff2")format("woff2"),
		url("../fonts/RLtype.ttf")format("truetype");
}
@font-face {
	font-family: "SFtype";
	font-weight: 300;
	src: url("../fonts/SFtype-Regular.otf") format("opentype");
}
@font-face {
	font-family: "SFtype";
	font-weight: 200;
	src: url("../fonts/SFtype-Light.otf") format("opentype");
}
@font-face {
	font-family: "SFtype";
	font-weight: 600;
	src: url("../fonts/SFtype-Bold.otf") format("opentype");
}
body {
	background: #151d2d;
	text-align: center;
	font-family: SFtype, sans-serif;
	letter-spacing: .02em;
	font-weight: 200;
	color: #fff;
	margin: 0;
	min-height: 100vh;
	font-size: 1.5em;
}
.wrapper {
	width: 20em;
	max-width: 80%;
	margin: 0 auto;
	padding: 2.5em 0 1em;
	text-align: center;
	background: url("../images/vaionaut-bg.png");
	background-size: cover;
	background-position: top center;
	box-shadow: 0 0 20em #101a2d;
	min-height: 100vh;
}
h1 {
	font-family: RLtype, sans-serif;
	font-weight: normal;
	margin: .3em 0 0;
}
h2 {
	margin: 0 0 1.6em;
	font-size: 1.2em;
}
h3 {
	margin: 0 0 1.6em;
	font-size: 1.1em;
}
h2:before, h2:after,
h3:before, h3:after {
	content: '';
	display: inline-block;
	width: 2em;
	border-bottom: 0.15em solid white;
	margin: 0 0.5em 0.2em;
}
ul {
	list-style: none;
	padding: 0;
}
a {
	text-decoration: none;
	color: inherit;
}
.linklist li {
	background: #354466;
	font-weight: 600;
	border: .2em solid white;
	padding: 0;
	margin: 1.2em;
	transition: all .2s ease-in-out;
}
.linklist li:hover {
	background: #3a4a6c;
	transform: skewX(-12deg) rotate(-7.2deg) scale(1.05);
}
.linklist li a {
	display: block;
	padding: 0.4em 0.2em 0.5em;
}
.linklist.featured li a {
	padding: 0.5em 0.2em;
}
.linklist li span {
	font-weight: 200;
	font-size: .8em;
}
.linklist li.small {
	font-weight: 200;
	font-size: .8em;
	text-transform: uppercase;
	border-color: #4d5f82;
	display: inline-block;
}
.linklist li.small a {
	padding: 0.5em 1em;
}
.avatar {
	border: 0.15em solid #354466;
	border-radius: 50%;
	width: 7em;
	max-width: 60%;
	-webkit-filter: drop-shadow(2.2pt 2.2pt 0.1em #27324c);
	filter: drop-shadow(3pt 3pt 0.1em #27324c);
}
h1, h2, h3, li, .blogs, .quote {
	transform: skewX(-12deg) rotate(-7.2deg);
	-webkit-filter: drop-shadow(3pt 3pt #27324c);
	filter: drop-shadow(3pt 3pt #27324c);
	transform-origin: center;
}
.thumbnail {
	transform: skewX(12deg) rotate(7.2deg);
	background-size: cover;
	background-position: center 40%;
	height: 12em;
	margin: -2em;
}
.quote {
	margin: 1em .7em;
	font-size: .9em;
	-webkit-filter: drop-shadow(1.2pt 1.2pt #27324c);
	filter: drop-shadow(1.2pt 1.2pt #27324c);
}
.quote .author {
	font-size: .7em;
	margin: .5em 0 0;
}
.quote .author:before {
	content: '– ';
}
.blogs {
	margin: -0.5em 0 0;
}
.blogs a {
	position: relative;
	background-size: cover;
	border-radius: 50%;
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	margin: 0 0.2em;
}
.blogs a:hover {
	opacity: .7;
}
.blogs .adafruit {
	background-image: url("../images/ref/adafruit.png");
}
.blogs .archbrick {
	background-image: url("../images/ref/archbrick.png");
}
.blogs .blocksmag {
	background-image: url("../images/ref/blocksmag.png");
}
.blogs .bricknerd {
	background-image: url("../images/ref/bricknerd.png");
}
.blogs .brickvault {
	background-image: url("../images/ref/brickvault.png");
}
.blogs .brothersbrick {
	background-image: url("../images/ref/brothersbrick.png");
}
.blogs .doctorbrick {
	background-image: url("../images/ref/doctorbrick.png");
}
.blogs .flickr {
	background-image: url("../images/ref/flickr.png");
}
.blogs .hellobricks {
	background-image: url("../images/ref/hellobricks.png");
}
.blogs .ign {
	background-image: url("../images/ref/ign.png");
}
.blogs .instagram {
	background-image: url("../images/ref/instagram.png");
}
.blogs .legocampus {
	background-image: url("../images/ref/legocampus.png");
}
.blogs .legolan {
	background-image: url("../images/ref/legolan.png");
}
.blogs .legoideas {
	background-image: url("../images/ref/legoideas.png");
}
.blogs .legoideas:after {
    display: block;
    background-size: cover;
    height: 1em;
    width: 1em;
    position: absolute;
    top: -.25em;
    right: -.35em;
}
.blogs .legoideas.contest1:after {
    content: '';
    background-image: url("../images/ref/legoideas_contest1.png");
}
.blogs .legoideas.contest2:after {
    content: '';
    background-image: url("../images/ref/legoideas_contest2.png");
}
.blogs .mocfans {
	background-image: url("../images/ref/mocfans.png");
}
.blogs .newelementary {
	background-image: url("../images/ref/newelementary.png");
}
.blogs .oficinadosbaixinhos {
	background-image: url("../images/ref/oficinadosbaixinhos.png");
}
.blogs .stonewars {
	background-image: url("../images/ref/stonewars.png");
}
.blogs .thelegocarblog {
	background-image: url("../images/ref/thelegocarblog.png");
}
.blogs .threads {
	background-image: url("../images/ref/threads.png");
}
.blogs .tipsandbricks {
	background-image: url("../images/ref/tipsandbricks.png");
}
.blogs .tilesorstuds {
	background-image: url("../images/ref/tilesorstuds.png");
}
.blogs .zusammengebaut {
	background-image: url("../images/ref/zusammengebaut.png");
}
.backdrop {
	background-image: url("../images/vaionaut-bg.png");
	background-size: cover;
	background-position: center;
	filter: blur(2px);
	opacity: .6;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
}
@media (orientation: portrait) {
	body {
		font-size: 5vw;
	}
	.wrapper {
		width: 100%;
		max-width: none;
	}
	.linklist li {
		margin: 1.2em 1em;
	}
	h1, h2, li {
		transform: skewX(-12deg) rotate(-7.2deg);
		-webkit-filter: drop-shadow(.8vw .8vw #27324c);
		filter: drop-shadow(.8vw .8vw #27324c);
		transform-origin: center;
	}
}