html {
  margin: 0; padding: 0;
}

body, html {
  padding: 0; margin: 0;
  font-family: Helvetica Neue, Helvetica, Sans-Serif;
  font-size: 100%;
}

a, a:hover, a:visited {
    color: inherit;
}


body {
  text-align: center;
}

#top {
  /* The image used */
  background-image: url("bg.jpg");
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -50px;
}

h1 {
  width: 90vw;
  padding-top: 50px;
}

h1 img {
  width: 80%;
}

p {
  max-width: 40em;
  margin: 2em auto;
  font-size: 120%;
}

#calendar {
  max-width: 80%;
  max-height: 50vh;
  aspect-ratio: auto;
}

div.body {
  margin-left: 1em; margin-right: 1em;
  margin-bottom: 3em;
}

ul {
  margin: 0 auto;
  width: fit-content;
  text-align: left;
}

li {
  margin-top: 0.8em;
}