#sub
{
    margin: auto;
    width: 98%;
    height: 400px;
    background-image: url("Submarine.PNG");
    background-position: center;
    background-size: cover;
}

html
{
    padding: 0;
    margin: 0;
}

body
{
    margin: 0;
    padding: 0;
	background-color: gray;
    text-align: center;
}

#centerpage
{
    z-index: -1;
    position: fixed;
    top: 0;
    bottom: 0;
    width:60%;
    min-width: 800px;
    left: 20%;
	background-color: lightblue;
    
}

#outerpage
{
    padding: 2rem;
    margin: auto;
    width: 60%;
    height: 100%;
    max-width: 900px;
    min-width: 800px;
    font-family: "montserratlight";
}
#projdesc, #Product
{
    margin: auto;
    width: 80%;
    margin-bottom: 3rem;

    text-align: justify;
    text-justify: inter-word;
  
}

h1
{
    text-align: center;
    font-size: 4rem;
}

.portrait
{
    width: 90px;
    height: 120px;
    margin: auto;
    margin-bottom: 10px;
    background-position: center;
    background-size: cover;
}



.imageframe
{
	text-align: center;
    display: inline-block;
    margin: auto;
    width:750px;
    margin-bottom: 30px;
}


.responsibilities
{
    margin: auto;
    margin-top: 20px;
    width: 290px;
    text-align: left;
    text-decoration: none;
}

#Avery
{
    background-image: url("Avery.png");
}

#madison
{
    background-image: url("mad.png");
}

#jacob
{
    background-image: url("jacob.png");
}

#jacob2
{
    margin: auto;
    width: 98%;
    height: 400px;
    background-image: url("jacob3.PNG");
    background-position: center;
    background-size: cover;
}

#josh
{
    background-image: url("Josh.png");
}


#links
{
    margin-top: 2rem;
    text-align: Left;
}

#links p
{
font-family: "Georgia", Georgia, serif;
}

a
{
    margin-top : 1rem;
}

#copyright
{
    font-size: 1.25rem;
}

.topnav {
  background-color: #333;
  overflow: hidden;
}

.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 16px 16px;
  text-decoration: none;
  font-size: 17px;
}

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

/* Add a color to the active/current link */
.topnav a.active {
  background-color: #04AA6D;
  color: white;
}