@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto2014/roboto-light-webfont.eot');
  src: url('fonts/Roboto2014/roboto-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto2014/roboto-light-webfont.woff2') format('woff2'), url('fonts/Roboto2014/roboto-light-webfont.woff') format('woff'), url('fonts/Roboto2014/roboto-light-webfont.ttf') format('truetype'), url('fonts/Roboto2014/roboto-light-webfont.svg#robotoregular') format('svg');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto2014/roboto-black-webfont.eot');
  src: url('fonts/Roboto2014/roboto-black-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto2014/roboto-black-webfont.woff2') format('woff2'), url('fonts/Roboto2014/roboto-black-webfont.woff') format('woff'), url('fonts/Roboto2014/roboto-black-webfont.ttf') format('truetype'), url('fonts/Roboto2014/roboto-black-webfont.svg#robotoregular') format('svg');
  font-weight: 700;
  font-style: normal;
}

body, html {
	width: 100%;
	height: 100%;
	background-image: url('bg.jpg');
	background-size: cover;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

main {
	margin: 40px;
}

h1 {
	display: inline-block;
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-weight: 700;
	color: white;
	font-size: 140px;
	text-shadow: 0 0 20px black;
	margin: 0;
	padding: 30px 60px;
	background-color: black;
}

h1 span {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	font-weight: 300;
}