html { background:black url('img/bg.jpg') no-repeat fixed center; background-size:cover; overflow-y: scroll; }

body { margin:0; width:auto; color:white; font:16px/18px Times; letter-spacing:2px; text-align:center; }

img { border:0; }

a { color:white; text-decoration:none; }

h1, h2, h3, h4, h5, h6 { font-weight:300; letter-spacing:3px; line-height:1.3; }

.large {
	font-size:4em;
	line-height:0.8em;
	text-shadow: 0.1em 0.1em 0.1em #00000080;
}

@font-face {
   font-family: MoonHouse;
   src: url(img/font.ttf);
}

.bluebox {
	background-image: linear-gradient(#000060, #2800b0, #000060);
	color:#ff00c0;
	text-shadow: 0.1em 0.1em 0.4em #000000;
	padding:2em 0;
	width:750px;
}

.moonhouse {
	font-family: MoonHouse;
	font-size:1.3em;
}

.flex-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.flex-container { margin:8% auto; }

.fdiv { margin: auto; }

@media screen and (max-width: 1520px) { .fdiv { margin: 1em; } }

@media screen and (max-width: 4000px) { body {font-size:36px;} }
@media screen and (max-width: 2000px) { body {font-size:16px;} }
@media screen and (max-width: 1600px) { body {font-size:14px;} }
@media screen and (max-width: 1200px) { body {font-size:12px;} }
@media screen and (max-width: 800px) { body {font-size:11px;} }
@media screen and (max-width: 600px) { body {font-size:9px;} }