body{
	text-align: center;
	font-size: 1.0rem;
}

button{
	background: white;
}

#question{
	font-size: 12rem;
	margin: 0;
}

.center_class{
  display: flex;
  justify-content: center;
  align-items: center;
}

#grid_B_inner{
      display: grid;
      grid-template-rows: 1fr 1fr 1fr; /* Three equal rows */
}

#B_top{
}

#B_middle{
}

#B_bottom{
}

#question_box {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: [col1-start] 100px  [col2-start] 100px  [col3-start] 100px [col3-end];
    grid-template-rows: [row1-start] auto [row2-start] auto [row2-end];
    background-color: #ccddff;
    padding: 2em;
    border-radius: 7% 18%;
}

#answer{
    border: none;
    outline: none;
    resize: none;
	width: 10em; 
    	background-color: #ccddff;
	border-bottom: 1px solid white;
}

#grid_A {
    grid-column: col1-start / col3-start;
    grid-row: row1-start ;
  }
#grid_B {
    grid-column: col3-start ;
    grid-row: row1-start / row2-end;
  }
#grid_C {
    grid-column: col1-start;
    grid-row: row2-start ;
  }
#grid_D {
    grid-column: col2-start ;
    grid-row: row2-start ;
  }