* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  }

body {
background: #05070d;
color: #e8e8e8;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.7;
}

header {
text-align: center;
padding: 50px 20px 30px;
}

header h1 {
font-size: 3em;
font-weight: 300;
letter-spacing: 2px;
}

header p {
font-size: 1.2em;
color: #aaa;
}

.hero {
width: 100%;
text-align: center;
}

.hero img {
width: 90%;
max-width: 1200px;
height: auto;
}

.content {
max-width: 850px;
margin: 50px auto;
padding: 0 25px;
}

h2 {
font-size: 2em;
font-weight: 400;
margin-top: 50px;
margin-bottom: 15px;
}

h3 {
font-weight: normal;
color: #aaa;
margin-bottom: 20px;
}

p {
margin-bottom: 20px;
}

a {
color: #fff;
}

footer {
text-align: center;
padding: 40px;
color: #777;
font-size: 0.9em;
}