<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=${parseFont}:ital@0;1&display=swap">
<style>
.grid-container {
font-family: '${selectedFont}', serif;
font-size: ${fontHeight}px;
display: grid ;
grid-template-columns: repeat(auto-fit, minmax(${fontWidth}px, 1fr));
background-color: black;
}
.grid-item {
align-self: center;
text-align: center;
line-height: 1;
}
.katex-display,p,ul,h1,h2,h3,h4,li
{
font-family: sans-serif;
}
@media (hover: hover) {
.katex-display,p,ul,h1,h2,h3,h4,li {
max-width: 1100px;
min-width: $1100px; }
}
</style>