.wrapper {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
	display: flex;
  align-items: center; /* Vertically centers children */
  justify-content: center; 
height: 100vh;

white-space: normal;
word-wrap: break-word;
overflow-wrap: break-word/* Horizontally centers children */

  /* Example height for visibility */

}

.wrapper1 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
	display: flex;
  align-items: center; /* Vertically centers children */
  justify-content: center; 
height: 100vh;
font-size: 30px;

white-space: normal;
word-wrap: break-word;
overflow-wrap: break-word/* Horizontally centers children */

  /* Example height for visibility */

}

.katex-display > .katex { white-space: normal }
/* Add space between broken lines: */
.katex-display > .base { margin: 0.25em 0 }
/* Compensate by reducing space around display math */
.katex-display { margin: 0.5em 0; }
.katex-display { overflow: auto hidden }