body {
  font-family:        Tahoma, Verdana, Helvetica, Arial, sans-serif;
  background-color:   #DBDBE5;
  font-size:          medium;
  max-width:          950px;
  margin:             auto;
}

header {
  background-color:   #217346;
  height:             115px; 
  padding-top:        3px;
  padding-bottom:     25px;
}

nav {
  background-color:   #1E6A40;
  height:             45px;
  text-align:         center;
}

nav a:link,
nav a:visited {
  color:              #FFFFFF;
  font-weight:        bold;
  text-decoration:    none;
  padding:            10px 15px;
  display:            inline-block;
  transition:         background-color 0.3s ease, color 0.3s ease;
}

nav a:hover,
nav a:focus {
  color:              #FFFFFF;
  background-color:   #25A55F;
  border-radius:      4px;
  text-decoration:    none;
}

#wrapper {
  background-color:   white;
  padding:            10px;
}

h1 {
  font-family:        Tahoma, Verdana, Helvetica, Arial, sans-serif;
  font-size:          420%;
  color:              #F8F9F4;
  text-align:         center;
}

h2 {
  color:              #0B3D0B;
  font-size:          220%;
  text-align:         center;
  font-family:        Verdana, Helvetica, Arial, sans-serif;
}

h3 {
  color:              #04124A;
  font-size:          160%;
}

p {
  font-size:          125%;
  line-height:        160%;
}

.overall {
  border:             2px solid black;
  padding:            5px;
  margin:             5px;
}

.test {
  border:             2px solid black;
  padding:            5px;
  margin:             5px;
}

nav ul {
  list-style-type:    none;
  margin:             0;
  padding:            0;
}

nav ul li {
  display:            inline-block;
  padding:            10px;
}

footer {
  background-color:   #3e3f34;
  color:              #F8F9F4;
  text-align:         center;
  margin-top:         150px;
  font-size:          85%;
}

a:link {
  color:              #BE0BBC;
  border-bottom:      none;
}

a:visited {
  color:              #080083;
}

a:hover {
  color:              #D63E05;
}

img#wikipage {
  display:            block;
  width:              60%;
  height:             60%;
  margin:             auto;
}

img {
  display:            block;
  width:              60%;
  height:             60%;
  margin:             auto;
}

img#flowchart { 
  display:            block;
  width:              40%;
  height:             40%;
  float:              right;
  padding:            5px;
}

pre {
  background-color:   #F3F6F3;
  border:             2px solid #C0D8C0;
  border-radius:      6px;
  padding:            15px;
  margin:             20px auto;
  width:              90%;
  overflow-x:         auto;
  font-size:          110%;
  line-height:        1.5;
}

code {
  font-family:        Consolas, "Courier New", monospace;
  color:              #0B3D0B;
  font-weight:        bold;
  display:            block;
  white-space:        pre-wrap;
}

.comparison-table {
  width: 90%;
  margin: 20px auto;
  border-collapse: collapse;
  text-align: center;
  font-size: 115%;
}

.comparison-table th,
.comparison-table td {
  border: 2px solid #0B3D0B;
  padding: 10px 12px;
}

.comparison-table th {
  background-color: #E4F1E0;
  color: #0B3D0B;
  font-weight: bold;
}

img {
  display: block;
  margin: 20px auto;
  border: 3px solid #217346;
  border-radius: 10px;
  max-width: 85%;
  height: auto;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
}

.caption {
  text-align: center;
  font-style: italic;
  color: #333;
  margin-top: -10px;
  margin-bottom: 20px;
}