/* Global color variables */
:root {
    --txt: #000000;
    --bg: #FFFFFF;
}

/* Responsiveness */
@media screen and (max-width: 100%) {
  .main {
    width: 960px;
  }
}

.main {
  float: center;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}

/* Website Body */
body {
  background: var(--bg);
}

h1 {
  color: var(--txt);
  font-family: sans-serif;
  font-weight: 200;
  font-size: 1.6em;
  text-align: center;
  padding-top: 5%;
}

a {
  color: #000000;
  text-decoration: none;
}

a:hover {
  color: var(--txt);
}

/* Banner image */
img.home-banner {
  padding-top: 5vw;
  max-width: 100%;
  height: auto;
}