body{
     /* default use the middle 70% for the page on desktop  */
    margin: 0 15% 0 15%; 

    /* Consolas font ... I enjoy even spaced fonts, deal with it! */
    font-family: 'Consolas';
    background-color: #333;
} 

.meat{
  background-color: white;
  /* height: 100vh; */
  height: 100%;
}

.meat > img{
  /* image formatting to add white space and rounded courners */
  margin: 0 5% 0 5%;
  max-width: 90%;
  height: auto;
  border-radius: 8px;
}

.meat > hr{
  /* padding within the readable area */
  max-width: 93%;
  margin: 0 3% 0 3%;
}

h1{
  /* header formatting, fills in white space */
  background-color: white;
  padding: 50px 0 0 0;
  margin-top: 0;
  margin-left: 25px;
}

h2, .finalStatement{
    margin: 50px 0px 0px 25px;
}

.smallText{
    font-size: x-small;
}

/* tab spacing for paragraph elements */
.meat > p{
    padding: 0 5% 0 50px;
}

/* double tab spacing for ul elements */
.meat > ul{
    padding: 0 0 0 80px;
}

/* -- TOP NAV -- */
.topnav {
  margin: 0 0 0 0;
  background-color: #333;
  overflow: hidden;
  max-width: fit-content;
  max-width: 100%;
  /* margin-left: auto;
  margin-right: auto; */
}
  
/* links in nav bar */
.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 15px 0 15px 0;
  text-decoration: none;
  font-size: 17px;
  width: 33.33%;
}

/* links color on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* active link color */
.topnav a.active {
  background-color: white;
  color: black;
}
/* -- END TOP NAV -- */

@media only screen and (max-width: 925px) {
    /* If screen is smaller use larger width */
    body {
        margin: 0 5% 0 5%; 
    }
}

@media only screen and (max-width: 650px) {
  /* If screen is much smaller use full width */
  body {
      margin: 0 0 0 0; 
  }
}