.page-container {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: 2fr 4fr;
  background-color: #ADD8E6
}
div {
  
}

.bottom {
  grid-column: span 2;
  font-size: 3em;
  margin-right: -3.5em;
  

  
  
  
  
  
}


.alpha {
  font-size: 1em;
  grid-column: span 2;
   grid-row-start: 3;
  margin-top: -20em;
  margin-right: -9em;
  margin-left: 23em;
  font-size: 1em;
  text-align: center
   
    
    
}
      
  
    
  
 
  
   
    


p {
  font-family: Baskerville
}
h1 {
  font-family: baskerville em
}
.levels {
  height: 350px;
  padding: 2em;
  text-align: end;
  width: 400px;
  border: 2px solid orange
  
    
}
.numbers {
 font-weight: bold; 
 text-align: center;
  font-size: 2em;
  width: 200px;
  padding: .75em;
  border: 2px solid orange;
  height: 280px;
    margin-left: 3em
    
  
    
}


.B {
  font-size: 600px;
  color: orange;
  letter-spacing: -100px;
  
  
    
}
.history {
  text-align: left
}
.ita {
  font-style: italic
}

.ask {
  position: relative; 
  top: -2.0em;
    font-size: 2em
}

.semib {
  font-style: semibold;
}
.bold {
  font-style: bold;
}