body {
  font-family: 'Roboto', sans-serif;
  background: #f5f5f5;
  color: #333;
  margin: 0;
  padding: 0;
}
h1, h2, h3 { font-weight: 300; }
.container { max-width: 1200px; margin: 0 auto; padding: 2em; }
.row { display: flex; flex-wrap: wrap; gap: 2em; }
section { background: white; padding: 1em; flex: 1 1 30%; border-radius: 6px; }
.button { background: #0088cc; color: white; padding: 0.75em 1.5em; text-decoration: none; display: inline-block; border-radius: 4px; }
.pennant .fa { font-size: 2em; color: #0088cc; }
#header { background: #222; color: white; padding: 2em 0; }
#logo h1 a { color: white; text-decoration: none; font-weight: 700; }
.tag { font-size: 0.9em; color: #bbb; }
#nav a { color: white; margin: 0 1em; }