@import url(https://fonts.googleapis.com/css?family=Work+Sans:200,600,900);
html{
	font-size:16px;
}
*,html,body{
	margin:0;
	border:0;
	padding:0;
	box-sizing:border-box;
	line-height:1.8
	}
body{
	background:#0f1826;
	background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' width='400' height='400'%3E%3Cdefs%3E%3Cfilter id='fn'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.3' stitchTiles='stitch' numOctaves='5' result='noise'/%3E%3CfeColorMatrix type='matrix' values='1 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 .08 0 '/%3E%3C/filter%3E%3C/defs%3E%3Crect width='100%25' height='100%25' filter='url(%23fn)' style='opacity:1'/%3E%3C/svg%3E"),url('data:image/svg+xml,%3Csvg viewBox="0 0 100 100" width="100" height="100" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath%20d="M20,0v100M40,0v100M60,0v100M80,0v100M100,0v100M99,0v100%20M0,20h100M0,40h100M0,60h100M0,80h100M0,100h100M0,99h100"%20style="stroke:rgba(255,255,255,.05);stroke-width:1px"/%3E%3C/svg%3E'),radial-gradient(#ffffff11 50%,#00000000 100%),#031230;
	background-size:400px 400px,8rem 8rem,100% 100%;
	background-repeat:repeat,repeat,no-repeat;
	background-attachment:fixed;
	font-family:'Work Sans',sans-serif;
	min-height:100vh;
	padding-top:1.2rem;
	font-weight:200;
	font-size:1.5rem;
	color:#eef;
	text-shadow:1px 1px 2px #000
	}
a{
	text-decoration:none;
	color:#eef
	}
a:hover{
	text-decoration:underline;
	color:#fff
	}
a:active{color:#ddf}
a:visited{color:#eef}
h1{
	font-size:2rem;
	font-weight:900
	}
h2{
	font-size:1.5rem;
	font-weight:600
	}
ul{list-style:none;font-size:1.2rem}
nav,ul,p{margin:0 1rem}
main{margin:0 1rem 0 2rem}
p{margin-bottom:1rem}
.hidden{display:none}
@media (max-width:40rem){
	body{padding-top:0}
}