body {
  margin:0;
  font-family: 'Roboto', sans-serif;
  background:#111;
  color:#fff;
}
header {
  background:#0b0f19;
  padding:20px;
  text-align:center;
}
header img {max-height:120px;}
nav {
  margin:20px;
}
nav a {
  color:#0af;
  margin:0 15px;
  text-decoration:none;
  font-weight:bold;
}
nav a:hover {
  color:#0ff;
}
.hero {
  text-align:center;
  padding:100px 20px;
  background:linear-gradient(to right, #0b0f19, #1a1f29);
}
.hero h1 {font-size:3em; margin-bottom:20px;}
.cta {
  display:inline-block;
  padding:15px 30px;
  background:#0af;
  color:#fff;
  border-radius:5px;
  text-decoration:none;
  font-weight:bold;
  box-shadow:0 0 10px #0af;
}
.cta:hover {
  background:#0ff;
  color:#111;
  box-shadow:0 0 20px #0ff;
}
footer {
  background:#0b0f19;
  text-align:center;
  padding:20px;
  margin-top:40px;
  font-size:0.9em;
  color:#aaa;
}