/* This is stylesheet.css an external style sheet */
  /* Style whole page */

img {
  max-width: 100%;
  height: auto;
}
body
{
background-color: #3C4142; /* Dark gray */
color: white;
margin:10px;
  font-size: 16px;
  line-height: 1.625;
}

main
{
max-width: 50%; /* Ensures the text doesn't go past the center */
            margin: 0; /* Removes default margin */
            text-align: left;
}
body a {
    color: #32cd32; /* Lime green color for links */
    text-decoration: none; /* Removes the underline from links */
}

body a:hover {
    color: #4682B4; /* Steel Blue color when hovered */
    text-decoration: underline; /* Adds the underline on hover */
}

/* Wrapper div controls width of entire layout */
  .wrapper{
background-color: #3C4142; /* Dark gray */
  border: none;

}
/* Page header  each page */
  header{
  background-color: #000000;
  color: white;
  height: 60px;
  line-height: 60px;  
  }

  /* Navigation bar  */
 nav{

overflow: hidden;
position: flex;
top: 0;
justify-content: space-around; /* Distributes links evenly */
}

nav a{
float: right;
display: block;
color: white;
text-align: center;
padding: .25px; .25px;
text-decoration: none;
margin-right: 5px;
}

ul {
text-align: left;
vertical-align: left;
display: inline-block;
font-size:1em;
}

ol {
text-align: left;
vertical-align: left;
display: inline-block;
font-size:1em;
}

li {
font-size: 1em;
}

 /* headings */
 h1
{
margin: 0;
font-size:1.5rem;
}
  h2
{
margin: 0;
font-size:1.4rem;
}
h3
{
margin: 0;
font-size:1.3rem;
}
h4
{
margin: 0;
font-size:1.2rem;
}
h5
{
margin: 0;
font-size:1.1rem;
}
footer {
  background-color: #000000;
  color: white;
  height: 60px;
  line-height: 60px;
    position: relative;
    bottom: 0;
width: 99%;
text-align: center;
}