body{
    font-family: helvetica;
    background-color: #F5F5F5;
    color: #2F3237;
}

h1{
  text-align: center;
  color: #8D3EA3;
}

h2{
  text-align: center;
  color: #1B9AAA;
}

h3{
  text-align: center;
  color: #FFB01F;
}

h4{
  color: #8D3EA3;
}

.emphasis{
  color: #8D3EA3;
  font-weight: bold;
}

.menu{
  background-color: #1B9AAA;
  width: 100%;
  overflow: auto;
}

.menuitem{
  width: 33%;
  text-decoration: none;
  color: #FFB01F;
  text-align: center;
  float: left;
  font-size: 20px;
}

.introtext{
  text-align: center;
  width: 60%;
  margin-left: 20%;
  margin-right: 20%;
}

.personname{
  text-align: left;
  margin-left: 50px;
}

/* For all pictures of people */
/* You crave drop shadows on these */
.portrait{
  flex: 1;
  max-width: 300px;
  margin-left: 30px;
}

.persondescription{
  flex: 2;
  margin-left: 30px;
}

.personcontainer{
  display: flex;
}

.teamname{
  text-align: center;
}

.mediacontent{

}

.projecttext{
  margin-left:20%;
  margin-right: 20%;
  width: 60%;
}

.imagescontainer{
  display: flex;
  justify-content: center;
}

.imageinset{
  flex: 0.1;
  max-width:40vw;
  margin: 20px;
}

.imagealone{
  flex: 0.5;
  max-width:70vw;
  margin: 20px;
}