/* style.css */
.horizontal-nav ul {
    list-style-type: none;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}

.horizontal-nav li {
    float: left;
}

.horizontal-nav li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.horizontal-nav li a:hover {
    background-color: #4027ba;
}

.nav-container {
  width: 60%;
  margin: 0 auto; /* This centers the links to match your .content-wrapper */
}

body {
  margin: 25px auto;
  padding: 5px;
  width: 100%;
  background-color: beige;
  font: 18px/1.5 Arial, Helvetica, sans-serif;
}

/* This is your new "center box" for your text/headings */
.content-wrapper {
  margin: 25px auto;
  width: 60%;
  padding: 5px;
}

h2, p {
  margin: 10px;
}