/* .center {
    margin: auto;
    width: 60%;
    border: 5px solid #FFFF00;
    padding: 10px;
    } */

* {
  margin: 0;
  padding: 0;
}

nav {
  margin: 0 auto;
  text-align: center;
}

nav li {
  float: left;
}
nav {
  display: inline-block;
}

/* Add a black background color to the top navigation */
.topnav {
  background-color: #0099ff;
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
  display: flex;
  justify-content: center;
  /* border: 5px solid red; */
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  /* text-decoration: none; */
  /* font-size: 17px; */
  font-size: 18pt;
  text-decoration: underline;
}

/* Change the color of links on hover */
/* .topnav a:hover {
  background-color: #ddd;
  color: black;
  text-decoration: underline;
} */

/* Add a color to the active/current link */
/* .topnav a.active {
  background-color: #0000ff;
  color: white;
} */

.topnav a:link {
  background: none;
  color: #ffffff;
  font-family: "Arial";
  font-size: 18pt;
  text-decoration: underline;
}

 .topnav a:visited {
  background: none;
  color: #ffffff;
  font-family: "Arial";
  font-size: 18pt;
  text-decoration: underline;
}
/*
.topnav a:active {
  background: none;
  color: #0000ff;
  font-family: "Arial";
  font-size: 18pt;
  text-decoration: underline;
} */

.topnav_li {
  display: inline;
}

.topnav_ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}