body {margin:0;font-family:Arial}

.main-content {
    max-width: 800px;
    width: 100%;
    margin: 70px auto;
}
p {
    color: #000;
} 

  
.topnav {
  overflow: hidden;
  background-color: #fff;
  position: fixed;
  top: 0px;
  width: 100%;
  max-width: 800px;
  z-index: 2147483647;
  box-shadow: 0px -1px 20px 0px rgb(0 0 0 / 18%);
}

.topnav #myLinks {
  display: none;
}

.topnav a {
  float: left;
  color: black;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a.icon {
  float: right;
}

.topnav a:hover {
  background-color: #eaeaea;
  color: #000;
}

.active {
  background-color: #eaeaea;
  color: #000;
}

@media screen and (min-width: 600px) {
  .topnav #myLinks{
    display: block !important;
  }
  .icon {
    display: none;
  }
}