.page{
  width: 760px;
  margin: 0 auto;
}


.assignmentInfo{
  display: none;
}

/* blue title bar */
.bannerTop{
  background: #1f78b4;
  color: white;
  text-align: center;
  padding: 16px 0;
}

.bannerTop h1{
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 44px;
  font-weight: 700;
}

/* yellow subtitle bar */
.bannerTitle{
  background: #f3d07a;
  text-align: center;
  padding: 10px 0 12px;
}

.bannerTitle h2{
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 22px;
  font-weight: 700;
  color: black;
}

/* yellow section behind ONLY the quote area */
.quoteFrame{
  background: #f3d07a;
  padding: 35px 0 55px;
  display: flex;
  justify-content: center;
}

/* quote box */
.quoteBox{
  width: 520px;
  min-height: 220px;
  padding: 50px 60px;
  background: #f3d07a;

  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;

  font-family: Georgia, "Times New Roman", serif;
  font-size: 34px;
  line-height: 1.2;

  border: 8px solid transparent;
  border-image: linear-gradient(to right, #2f43d9, #7b2fa5, #e03b2c) 1;

  box-shadow: 12px 12px 0 #f2b23a;
}