.flipbook{
  display:flex;
  height: 407px;
  justify-content:center;
  
}

.flipbook iframe {
  flex: 1; 
  width: 100%;
  height: 100%;
  border: none;
  
}

.content{
  background-color:#DBD3C0;
  padding:20px;
  font-family:Georgia;
}

.contributors{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}


.contributors p{
  font-size:20px;
}

.me{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;

}

.me p{
  font-size:20px;
}


h1{
  text-align: center;
  letter-spacing:2px;
  font-family:'emmett-font-2';
}

.button-group {
  display: flex;
  flex-direction:row;
  justify-content:center;
  
}

@media (max-width: 768px) {
  .button-group {
  flex-direction: column;
  font-size:10px
  }
  .header img{
  width:50%
  }
}


.button-group button {
  background-color: #b6c4d1;;
  padding:20px 10px;
  font-size:40px;
  text-align: center;
  font-family:'emmett-font-2';
  letter-spacing:3px;
  cursor: pointer;
  flex: 1;
}


.button-group button:nth-child(1):hover {
  background-color: #F66B7A; 
}
  
.button-group button:nth-child(2):hover {
  background-color: #6a75f7; 
}

.button-group button:nth-child(3):hover {
  background-color: #A7F273; 
}
 
.button-group button:nth-child(4):hover {
  background-color: #F36AF7; 
}