body {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: darkslategrey;
  color: black;
  font-family: Times;
}

.title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 0.5rem;
}

.title, h1 {
  text-shadow: 0 0 2.1rem #DDDDDD;
  font-size: 3.5rem;
  color: transparent;
  background: linear-gradient(
    to right,
    gold 0%,
    darkgoldenrod 35%,
    silver 55%,
    #a1a1a1 70%,
    #fafafa 100%
  );
  
  background-clip: text;
  margin-bottom: -1rem;
  margin-left: -2rem;
  margin-right: -2.3rem;
}

  h2 {
    font-size: 3rem;
    color: darkred;
    margin-top: 0.5rem;
  }

.main-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 55rem;
  max-width: 90vw;
  height: 115rem;
  background-color: beige;
  margin-top: 3rem;
  border: 5px ridge brown;
  padding: 1.5rem;
}

  .portrait {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  .portrait, figcaption {
    margin-top: 0.5rem;
    
  }