body {
  font-family: "Century Gothic","Avant Garde Gothic","Avant Garde","URW Gothic L",helvetica,sans-serif;
  font-size: 18px;
  background-color: #29566B;
  color: #29566B;
}
.header, .main {
  width: 900px;
  background-color: #FFFFFF;
  padding: 20px;
  margin: 10px auto;
}
a {
  color: #29566B;
  text-decoration: none;
  border-bottom: 1px dotted;
}
.title {
  font-size: 20px;
  float: right;
}
h1, h2, h3, h4, h5 {
  margin: 0;
  font-family: "Century Gothic","Avant Garde Gothic","Avant Garde","URW Gothic L",helvetica,sans-serif;
  font-weight: normal;
}
.nav {
  float: left;
}
.nav ul {
  padding: 0;
}
.nav ul li {
  list-style-type: none;
  float: left;
}
.nav a {
  font-family: "Century Gothic","Avant Garde Gothic","Avant Garde","URW Gothic L",helvetica,sans-serif;
  font-size: 20px;
  text-decoration: none;
  display: block;
  padding: 1px 10px;
  border: 1px solid #29566B;
  margin: 1px 2px;
}
.nav a:hover {
  background-color: #29566B;
  color: #FFFFFF;
}

ul li {
  padding: 5px 0;
}
p {
  margin: 0 15px 10px 15px;
}
ol li {
  padding: 5px 0;
}
ol {
  margin: 0px auto;
}
h3 {
  margin-top: 20px;
}

/* External CSS file (styles.css) */
.alert.alert-success {
    background-color: green; /* Green background */
    color: black;              /* White text */
}

.alert.alert-success a {
    color: red; /* Yellow link color */
}