html {
  background-color: #fafafa;
}

.menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: #333333;
  display: flex;
  position: fixed;
  top: 0;
  width: 100%;
}

.menu li a {
  display: block;
  color: white;
  padding: 14px 16px;
  text-decoration: none;
}

.menu li a:hover {
  background-color: #111111;
}

/* body {
    margin: 40px auto;
    max-width: 750px;
    padding: 10px 50px 10px 50px;
    background-color: white;
} */
.main {
    margin: 40px auto;
    max-width: 750px;
    padding: 10px 50px 10px 50px;
    background-color: white;
}
hr {
    border: none;
    height: 1px;
    background-color: #888;
    margin: 5px;
}

h2 {
    margin-bottom: 8px;
}

img{
  display:block;
  width:90%;
  margin-left:auto;
  margin-right:auto;
  margin-top:10px;
  margin-bottom:10px;
}

video{
  display:block;
  width:90%;
  margin-left:auto;
  margin-right:auto;
  margin-top:10px;
  margin-bottom:10px;
}

.homelink {
    text-align: center;
}
.homelink a{
    color: black;
}

.img-row {
  display: flex;
  gap: 1rem;
  max-width: 100%;
}

.img-row img {
  height: 300px;
  width: auto;
}