@import url('https://fonts.googleapis.com/css2?family=Libertinus+Math&family=Noto+Sans+Math&family=STIX+Two+Math&display=swap');

@font-face {
  font-family: 'New Computer Modern Math';
  src: url('/Fonts/NewComputerModern/NewCMMath-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'New Computer Modern Math Sans';
  src: url('/Fonts/NewComputerModern/NewCMSansMath-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'MLModern';
  src: url('/Fonts/mlmr12.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Cambria Math';
  src: url('/Fonts/cambria-math.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.flexColumn {
    display:flex;
    flex-direction:column;
    align-items:center;
}


.flexRow {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}

.error {
    color:red;
}

#controls {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display:flex;
    justify-content:center;
    width:100%;
}

#controls>* {
    background-color:#fcfcfc;
    border:3px ridge #eee;
    margin:0;
    padding:.5ex;
}

#controls p {
    display: flex;
    align-items: center;
}

#helpButton {
    font-size:150%;
    font-weight:bold;
    color:#777;
}

#previewsDIV {
    margin-top:3em;
}

section {
    display:flex;
    padding:3em 0;
    border-bottom: 3px solid #aaa;
}

section:first-of-type {
}

textarea {
    width:30%;
}

fieldset div {
}

legend {
    font-weight:bold;
    text-decoration:underline;
}

#helpPop  {
    white-space: break-spaces;
}

math {
    font-family:inherit;
}