body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}

:root {
  /* Increase Navbar Title height to prevent clipping at bottom of text */
  --f7-navbar-title-line-height: 1.3;
  --f7-popover-width: 400px;
  --f7-textarea-height: 400px;
}

@font-face {
  font-family: 'KaTeX_AMS';
  src: url(/423898d3148227b02797.woff2) format('woff2'), url(/f14c77de7c6cb99cb0f0.woff) format('woff'), url(/bb53a204c22777f72087.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'KaTeX_Caligraphic';
  src: url(/d55292907b76a9a69e8e.woff2) format('woff2'), url(/0753477c7a2a0dc66645.woff) format('woff'), url(/8f464f11e07e29005dbb.ttf) format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'KaTeX_Caligraphic';
  src: url(/729369269e971b38ecc4.woff2) format('woff2'), url(/ad43501a60d1f284e518.woff) format('woff'), url(/751df379127d4f51d745.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'KaTeX_Fraktur';
  src: url(/b1b5f1f860cc79391686.woff2) format('woff2'), url(/318866b9dc5db0c2645a.woff) format('woff'), url(/e4926b46997d163caf49.ttf) format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'KaTeX_Fraktur';
  src: url(/a098cd8cdd267b5738ff.woff2) format('woff2'), url(/a6da94ed5bef27cf6789.woff) format('woff'), url(/f635e69b0cb0b3e1938e.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'KaTeX_Main';
  src: url(/bef148e8cf93bdeba7d6.woff2) format('woff2'), url(/a89012a55ae42dd026eb.woff) format('woff'), url(/197f53fa30cb72078b39.ttf) format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'KaTeX_Main';
  src: url(/0607f405e17843abd306.woff2) format('woff2'), url(/01a8b90ff8840a04e2c3.woff) format('woff'), url(/8f0f47bad2274d26b925.ttf) format('truetype');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'KaTeX_Main';
  src: url(/11a9408e1cf34a8ce5c3.woff2) format('woff2'), url(/6143a449207cc120ad41.woff) format('woff'), url(/27499bf9b1ec647d9beb.ttf) format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'KaTeX_Main';
  src: url(/3a8a42a96c5bfbbadc94.woff2) format('woff2'), url(/9f0ee064b5f8608debfb.woff) format('woff'), url(/85654b53be16dd7eecc3.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'KaTeX_Math';
  src: url(/152370ac448c5e1a39a3.woff2) format('woff2'), url(/24306bd9de59c5113121.woff) format('woff'), url(/bf55bf71dd83ed159623.ttf) format('truetype');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'KaTeX_Math';
  src: url(/29c29f436ff2381d601f.woff2) format('woff2'), url(/4d541f2f557551e8d422.woff) format('woff'), url(/eb805934436dbc74392f.ttf) format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'KaTeX_SansSerif';
  src: url(/b5b676ffb735600bdcdb.woff2) format('woff2'), url(/a2f6434b08baef6a04c9.woff) format('woff'), url(/1ad9896bd5264c71e701.ttf) format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'KaTeX_SansSerif';
  src: url(/f43dbae9463d69fb9a0d.woff2) format('woff2'), url(/7f031923ab991af28f74.woff) format('woff'), url(/43a95327769188ddfa1e.ttf) format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'KaTeX_SansSerif';
  src: url(/1ca6c54eae5cdeb74ff0.woff2) format('woff2'), url(/3d086c1a2aea5b48be13.woff) format('woff'), url(/7623c63ef468854b69cd.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'KaTeX_Script';
  src: url(/fa9ad84e0eb07ce78d16.woff2) format('woff2'), url(/058693dbd4f89832bd6f.woff) format('woff'), url(/d05f31f78a64a4991459.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'KaTeX_Size1';
  src: url(/f58d0a282f0b9308f1e5.woff2) format('woff2'), url(/a2cbb8d16c79e76e7952.woff) format('woff'), url(/2cc110369f652e664d30.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'KaTeX_Size2';
  src: url(/63663844cffb8b070e83.woff2) format('woff2'), url(/65eb357b4b004e93a0b3.woff) format('woff'), url(/f7f46f2f631d4b77efed.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'KaTeX_Size3';
  src: url(/091f89fdccb39cf0378d.woff2) format('woff2'), url(/61fd238e05e9ab1677af.woff) format('woff'), url(/5a3d80752be777be2ed9.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'KaTeX_Size4';
  src: url(/2d00a57d3daea22f6325.woff2) format('woff2'), url(/b927cb58d178147d6ebb.woff) format('woff'), url(/20ebddbb1089c9a5fa59.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'KaTeX_Typewriter';
  src: url(/0b37bb5eff06596218bd.woff2) format('woff2'), url(/78b973ac7acef2185518.woff) format('woff'), url(/648ca086824eb49c3c58.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'font-autograph-22n';
  src:  url(/2844b30e6b8101058591.eot?h5ro0g);
  src:  url(/2844b30e6b8101058591.eot?h5ro0g#iefix) format('embedded-opentype'),
    url(/e9c4ae635ac33d0d3ac1.ttf?h5ro0g) format('truetype'),
    url(/abc7002303c26f4e9fd7.woff?h5ro0g) format('woff'),
    url(/d7c493d2a23b15a000e6.svg?h5ro0g#font-autograph-22n) format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="a22n-"], [class*=" a22n-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'font-autograph-22n' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.a22n-edit-menu-s:before {
  content: "\e704";
}
.a22n-edit-menu-u:before {
  content: "\e705";
}
.a22n-delete-equation-u:before {
  content: "\e61f";
}
.a22n-enter-equation-u:before {
  content: "\e653";
}
.a22n-enter-xy-data-set-u:before {
  content: "\e654";
}
.a22n-polar-grid-u:before {
  content: "\e65d";
}
.a22n-cartesian-grid-u:before {
  content: "\e65e";
}
.a22n-de-solution-mode-u:before {
  content: "\e661";
}
.a22n-de-solution-mode-s:before {
  content: "\e663";
}
.a22n-no-axes-u:before {
  content: "\e664";
}
.a22n-whiteboard-mode-u:before {
  content: "\e665";
}
.a22n-move-origin-u:before {
  content: "\e666";
}
.a22n-move-origin-s:before {
  content: "\e667";
}
.a22n-point-mode-u:before {
  content: "\e668";
}
.a22n-point-mode-s:before {
  content: "\e669";
}
.a22n-new-argand-3d-page-u:before {
  content: "\e66a";
}
.a22n-new-argand-3d-page-s:before {
  content: "\e671";
}
.a22n-new-argand-2d-page-u:before {
  content: "\e678";
}
.a22n-new-argand-2d-page-s:before {
  content: "\e679";
}
.a22n-locus-object-u:before {
  content: "\e68e";
}
.a22n-vector-mode-u:before {
  content: "\e68f";
}
.a22n-vector-mode-s:before {
  content: "\e6af";
}
.a22n-line-segment-mode-u:before {
  content: "\e6b2";
}
.a22n-line-segment-mode-s:before {
  content: "\e6b3";
}
.a22n-construction-controller-u:before {
  content: "\e6b4";
}
.a22n-cas-u:before {
  content: "\e6f2";
}
.a22n-cas-numerical-u:before {
  content: "\e6f3";
}
.a22n-cas-algebraic-u:before {
  content: "\e6f4";
}
.a22n-move-centre-u:before {
  content: "\e6f5";
}
.a22n-move-centre-s:before {
  content: "\e6f6";
}
.a22n-circle-mode-u:before {
  content: "\e6f7";
}
.a22n-circle-mode-s:before {
  content: "\e6f8";
}
.a22n-add-complex-number-u:before {
  content: "\e6f9";
}
.a22n-tick-in-circle-u:before {
  content: "\e6f1";
}
.a22n-tick-in-circle-s:before {
  content: "\e6f0";
}
.a22n-handle-u:before {
  content: "\e6ef";
}
.a22n-add-item-s:before {
  content: "\e6ed";
}
.a22n-add-item-u:before {
  content: "\e6ee";
}
.a22n-delete-item-s:before {
  content: "\e6ec";
}
.a22n-delete-item-u:before {
  content: "\e6eb";
}
.a22n-x-y-z-orientation-u:before {
  content: "\e6ea";
}
.a22n-x-y-orientation-u:before {
  content: "\e6e9";
}
.a22n-show-grid-u:before {
  content: "\e6e8";
}
.a22n-show-bounding-box-u:before {
  content: "\e6e7";
}
.a22n-light-background-u:before {
  content: "\e6e6";
}
.a22n-find-volume-u:before {
  content: "\e6e5";
}
.a22n-enter-vector-plane-u:before {
  content: "\e6e4";
}
.a22n-dark-background-u:before {
  content: "\e6e3";
}
.a22n-opaque-u:before {
  content: "\e6e2";
}
.a22n-transparent-u:before {
  content: "\e6e1";
}
.a22n-view-statistics-box-u:before {
  content: "\e6e0";
}
.a22n-table-of-statistics-u:before {
  content: "\e6df";
}
.a22n-stem-and-leaf-diagram-u:before {
  content: "\e6de";
}
.a22n-sample-means-u:before {
  content: "\e6dd";
}
.a22n-relabel-pr-u:before {
  content: "\e6dc";
}
.a22n-relabel-pcx-u:before {
  content: "\e6db";
}
.a22n-relabel-fxx-u:before {
  content: "\e6da";
}
.a22n-relabel-fx-u:before {
  content: "\e6d9";
}
.a22n-relabel-cfx-u:before {
  content: "\e6d8";
}
.a22n-probability-calculations-u:before {
  content: "\e6d7";
}
.a22n-probability-by-area-u:before {
  content: "\e6d6";
}
.a22n-moving-average-u:before {
  content: "\e6d5";
}
.a22n-mean-pm3-standard-deviations-u:before {
  content: "\e6d4";
}
.a22n-line-graph-u:before {
  content: "\e6d3";
}
.a22n-histogram-u:before {
  content: "\e6d2";
}
.a22n-enter-raw-data-u:before {
  content: "\e6d1";
}
.a22n-enter-probability-distribution-u:before {
  content: "\e6d0";
}
.a22n-enter-grouped-data-u:before {
  content: "\e6cf";
}
.a22n-enter-box-and-whisker-diagram-u:before {
  content: "\e6ce";
}
.a22n-dot-plot-u:before {
  content: "\e6cd";
}
.a22n-discrete-plotting-u:before {
  content: "\e6cc";
}
.a22n-discrete-plotting-s:before {
  content: "\e6cb";
}
.a22n-cumulative-frequency-diagram-u:before {
  content: "\e6ca";
}
.a22n-continuous-plotting-u:before {
  content: "\e6c9";
}
.a22n-continuous-plotting-s:before {
  content: "\e6c8";
}
.a22n-cfd-measurement-u:before {
  content: "\e6c7";
}
.a22n-cfd-measurement-s:before {
  content: "\e6c6";
}
.a22n-box-and-whisker-diagram-u:before {
  content: "\e6c5";
}
.a22n-delete-right-s:before {
  content: "\e6c1";
}
.a22n-delete-left-u:before {
  content: "\e6c2";
}
.a22n-delete-left-s:before {
  content: "\e6c3";
}
.a22n-delete-right-u:before {
  content: "\e6c4";
}
.a22n-shift-s:before {
  content: "\e6c0";
}
.a22n-shift-u:before {
  content: "\e6bf";
}
.a22n-return-u:before {
  content: "\e6be";
}
.a22n-return-s:before {
  content: "\e6bd";
}
.a22n-arrow-left-u:before {
  content: "\e6bc";
}
.a22n-arrow-right-u:before {
  content: "\e6bb";
}
.a22n-arrow-top-u:before {
  content: "\e6ba";
}
.a22n-arrow-bottom-u:before {
  content: "\e6b9";
}
.a22n-tab-right-u:before {
  content: "\e6b8";
}
.a22n-tab-left-u:before {
  content: "\e6b7";
}
.a22n-more-u:before {
  content: "\e6b6";
}
.a22n-more-s:before {
  content: "\e6b5";
}
.a22n-perpendicular-bisector-u:before {
  content: "\e6b1";
}
.a22n-perpendicular-bisector-s:before {
  content: "\e6b0";
}
.a22n-reflection-u:before {
  content: "\e6ae";
}
.a22n-reset-x-u:before {
  content: "\e6ad";
}
.a22n-reset-x-t-u:before {
  content: "\e6ac";
}
.a22n-reset-y-x-u:before {
  content: "\e6ab";
}
.a22n-straight-line-s:before {
  content: "\e6aa";
}
.a22n-straight-line-u:before {
  content: "\e6a9";
}
.a22n-vertical-line-u:before {
  content: "\e6a8";
}
.a22n-vertical-line-s:before {
  content: "\e6a7";
}
.a22n-line-thickness-thin-u:before {
  content: "\e6a6";
}
.a22n-line-thickness-thin-s:before {
  content: "\e6a5";
}
.a22n-line-thickness-thick-u:before {
  content: "\e6a4";
}
.a22n-line-thickness-thick-s:before {
  content: "\e6a3";
}
.a22n-horizontal-line-u:before {
  content: "\e6a2";
}
.a22n-horizontal-line-s:before {
  content: "\e6a1";
}
.a22n-pause-plotting-u:before {
  content: "\e6a0";
}
.a22n-gradient-line-u:before {
  content: "\e91b";
}
.a22n-gradient-line-s:before {
  content: "\e91c";
}
.a22n-pause-plotting-s:before {
  content: "\e69f";
}
.a22n-replot-u:before {
  content: "\e69e";
}
.a22n-replot-s:before {
  content: "\e69d";
}
.a22n-slow-plot-s:before {
  content: "\e69c";
}
.a22n-slow-plot-u:before {
  content: "\e69b";
}
.a22n-tick-small-u:before {
  content: "\e69a";
}
.a22n-position-4-top-right-u:before {
  content: "\e699";
}
.a22n-position-4-top-left-u:before {
  content: "\e698";
}
.a22n-position-4-bottom-right-u:before {
  content: "\e697";
}
.a22n-position-4-bottom-left-u:before {
  content: "\e696";
}
.a22n-chevron-right-small-u:before {
  content: "\e617";
}
.a22n-chevron-right-large-u:before {
  content: "\e616";
}
.a22n-chevron-left-small-u:before {
  content: "\e615";
}
.a22n-chevron-left-large-u:before {
  content: "\e614";
}
.a22n-position-3-2-top-top-right-u:before {
  content: "\e600";
}
.a22n-position-3-2-top-top-left-u:before {
  content: "\e601";
}
.a22n-position-3-2-top-bottom-u:before {
  content: "\e602";
}
.a22n-position-3-2-right-top-right-u:before {
  content: "\e603";
}
.a22n-position-3-2-right-left-u:before {
  content: "\e604";
}
.a22n-position-3-2-right-bottom-right-u:before {
  content: "\e605";
}
.a22n-position-3-2-left-top-left-u:before {
  content: "\e606";
}
.a22n-position-3-2-left-right-u:before {
  content: "\e607";
}
.a22n-position-3-2-left-bottom-left-u:before {
  content: "\e608";
}
.a22n-position-3-2-bottom-top-u:before {
  content: "\e609";
}
.a22n-position-3-2-bottom-bottom-right-u:before {
  content: "\e60a";
}
.a22n-position-3-2-bottom-bottom-left-u:before {
  content: "\e60b";
}
.a22n-position-2-top-u:before {
  content: "\e60c";
}
.a22n-position-2-right-u:before {
  content: "\e60d";
}
.a22n-position-2-left-u:before {
  content: "\e60e";
}
.a22n-position-2-bottom-u:before {
  content: "\e60f";
}
.a22n-position-1-u:before {
  content: "\e610";
}
.a22n-info-button-u:before {
  content: "\e611";
}
.a22n-info-button-s:before {
  content: "\e612";
}
.a22n-grid-4-u:before {
  content: "\e613";
}
.a22n-grid-3-2-top-u:before {
  content: "\e618";
}
.a22n-grid-3-2-right-u:before {
  content: "\e619";
}
.a22n-grid-3-2-left-u:before {
  content: "\e61a";
}
.a22n-grid-3-2-bottom-u:before {
  content: "\e61b";
}
.a22n-grid-2-top-bottom-u:before {
  content: "\e61c";
}
.a22n-grid-2-left-right-u:before {
  content: "\e61d";
}
.a22n-grid-1-u:before {
  content: "\e61e";
}
.a22n-whiteboard-mode-s:before {
  content: "\e620";
}
.a22n-gradient-u:before {
  content: "\e676";
}
.a22n-gradient-s:before {
  content: "\e675";
}
.a22n-gradient-function-u:before {
  content: "\e674";
}
.a22n-gradient-function-s:before {
  content: "\e673";
}
.a22n-function-definitions-u:before {
  content: "\e672";
}
.a22n-equal-aspect-mode-u:before {
  content: "\e670";
}
.a22n-equal-aspect-mode-s:before {
  content: "\e66f";
}
.a22n-find-area-u:before {
  content: "\e66e";
}
.a22n-find-area-s:before {
  content: "\e66d";
}
.a22n-fast-forward-plotting-u:before {
  content: "\e66c";
}
.a22n-fast-forward-plotting-s:before {
  content: "\e66b";
}
.a22n-enter-co-ordinates-u:before {
  content: "\e662";
}
.a22n-edit-equation-u:before {
  content: "\e660";
}
.a22n-edit-equation-s:before {
  content: "\e65f";
}
.a22n-delete-current-u:before {
  content: "\e65c";
}
.a22n-delete-all-u:before {
  content: "\e65b";
}
.a22n-delete-all-s:before {
  content: "\e65a";
}
.a22n-delete-all-but-current-u:before {
  content: "\e659";
}
.a22n-default-scales-u:before {
  content: "\e658";
}
.a22n-default-scales-s:before {
  content: "\e657";
}
.a22n-circle-radius-u:before {
  content: "\e656";
}
.a22n-circle-radius-s:before {
  content: "\e655";
}
.a22n-help-u:before {
  content: "\e652";
}
.a22n-help-s:before {
  content: "\e651";
}
.a22n-add-u:before {
  content: "\e64f";
}
.a22n-add-s:before {
  content: "\e650";
}
.a22n-view-history-u:before {
  content: "\e64e";
}
.a22n-view-history-s:before {
  content: "\e64d";
}
.a22n-redo-u:before {
  content: "\e64a";
}
.a22n-redo-s:before {
  content: "\e649";
}
.a22n-undo-u:before {
  content: "\e648";
}
.a22n-undo-s:before {
  content: "\e647";
}
.a22n-thick-line-u:before {
  content: "\e646";
}
.a22n-text-box-u:before {
  content: "\e645";
}
.a22n-text-box-s:before {
  content: "\e644";
}
.a22n-save-u:before {
  content: "\e643";
}
.a22n-save-s:before {
  content: "\e642";
}
.a22n-results-box-u:before {
  content: "\e641";
}
.a22n-results-box-s:before {
  content: "\e640";
}
.a22n-radians-u:before {
  content: "\e63f";
}
.a22n-radians-s:before {
  content: "\e63e";
}
.a22n-open-u:before {
  content: "\e621";
}
.a22n-open-s:before {
  content: "\e622";
}
.a22n-new-3d-graph-page-u:before {
  content: "\e623";
}
.a22n-new-3d-graph-page-s:before {
  content: "\e624";
}
.a22n-new-2d-graph-page-u:before {
  content: "\e625";
}
.a22n-new-2d-graph-page-s:before {
  content: "\e626";
}
.a22n-new-1d-statistics-page-u:before {
  content: "\e63d";
}
.a22n-new-1d-statistics-page-s:before {
  content: "\e627";
}
.a22n-line-colour-u:before {
  content: "\e628";
}
.a22n-line-colour-s:before {
  content: "\e629";
}
.a22n-key-right-u:before {
  content: "\e62a";
}
.a22n-key-right-s:before {
  content: "\e62b";
}
.a22n-keyboard-u:before {
  content: "\e62c";
}
.a22n-keyboard-s:before {
  content: "\e62d";
}
.a22n-key-below-u:before {
  content: "\e62e";
}
.a22n-key-below-s:before {
  content: "\e62f";
}
.a22n-grid-snap-tenths-u:before {
  content: "\e630";
}
.a22n-grid-snap-tenths-s:before {
  content: "\e631";
}
.a22n-grid-snap-ones-u:before {
  content: "\e632";
}
.a22n-grid-snap-ones-s:before {
  content: "\e633";
}
.a22n-fill-colour-u:before {
  content: "\e634";
}
.a22n-fill-colour-s:before {
  content: "\e635";
}
.a22n-edit-axes-u:before {
  content: "\e636";
}
.a22n-edit-axes-s:before {
  content: "\e637";
}
.a22n-degrees-u:before {
  content: "\e638";
}
.a22n-degrees-s:before {
  content: "\e639";
}
.a22n-constant-controller-u:before {
  content: "\e63a";
}
.a22n-constant-controller-s:before {
  content: "\e63b";
}
.a22n-autograph-exe-u:before {
  content: "\e63c";
}
.a22n-autograph-exe-s:before {
  content: "\e64b";
}
.a22n-animate-object-u:before {
  content: "\e64c";
}
.a22n-animate-object-s:before {
  content: "\e677";
}
.a22n-zoom-out-y-mode-u:before {
  content: "\e67a";
}
.a22n-zoom-out-y-mode-s:before {
  content: "\e67b";
}
.a22n-zoom-out-x-mode-u:before {
  content: "\e67c";
}
.a22n-zoom-out-x-mode-s:before {
  content: "\e67d";
}
.a22n-scribble-mode-u:before {
  content: "\e67e";
}
.a22n-scribble-mode-s:before {
  content: "\e67f";
}
.a22n-zoom-out-z-mode-u:before {
  content: "\e680";
}
.a22n-zoom-out-z-mode-s:before {
  content: "\e681";
}
.a22n-zoom-in-z-mode-u:before {
  content: "\e682";
}
.a22n-zoom-in-z-mode-s:before {
  content: "\e683";
}
.a22n-zoom-out-mode-u:before {
  content: "\e684";
}
.a22n-zoom-out-mode-s:before {
  content: "\e685";
}
.a22n-zoom-in-y-mode-u:before {
  content: "\e686";
}
.a22n-zoom-in-y-mode-s:before {
  content: "\e687";
}
.a22n-zoom-in-x-mode-u:before {
  content: "\e688";
}
.a22n-zoom-in-x-mode-s:before {
  content: "\e689";
}
.a22n-zoom-in-mode-u:before {
  content: "\e68a";
}
.a22n-zoom-in-mode-s:before {
  content: "\e68b";
}
.a22n-select-mode-u:before {
  content: "\e68c";
}
.a22n-select-mode-s:before {
  content: "\e68d";
}
.a22n-erase-mode-u:before {
  content: "\e690";
}
.a22n-erase-mode-s:before {
  content: "\e691";
}
.a22n-drag-mode-u:before {
  content: "\e692";
}
.a22n-drag-mode-s:before {
  content: "\e693";
}
.a22n-trackpad-mode-s:before {
  content: "\e694";
}
.a22n-trackpad-mode-u:before {
  content: "\e695";
}
.a22n-enter-shape-s:before {
  content: "\e6fa";
}
.a22n-enter-shape-u:before {
  content: "\e6fb";
}
.a22n-enter-vector-straight-line-s:before {
  content: "\e6fc";
}
.a22n-enter-vector-straight-line-u:before {
  content: "\e6fd";
}
.a22n-intersection-mode-s:before {
  content: "\e6fe";
}
.a22n-intersection-mode-u:before {
  content: "\e6ff";
}
.a22n-straight-line-mode-s:before {
  content: "\e700";
}
.a22n-straight-line-mode-u:before {
  content: "\e701";
}
.a22n-polygon-mode-s:before {
  content: "\e702";
}
.a22n-polygon-mode-u:before {
  content: "\e703";
}
.a22n-insert-image-u:before {
  content: "\e91a";
}
.a22n-calculation-mode-u:before {
  content: "\e91d";
}
.a22n-circled-a-u:before {
  content: "\e900";
}
.a22n-circled-b-u:before {
  content: "\e901";
}
.a22n-circled-c-u:before {
  content: "\e902";
}
.a22n-circled-d-u:before {
  content: "\e903";
}
.a22n-circled-e-u:before {
  content: "\e904";
}
.a22n-circled-f-u:before {
  content: "\e905";
}
.a22n-circled-g-u:before {
  content: "\e906";
}
.a22n-circled-h-u:before {
  content: "\e907";
}
.a22n-circled-i-u:before {
  content: "\e908";
}
.a22n-circled-j-u:before {
  content: "\e909";
}
.a22n-circled-k-u:before {
  content: "\e90a";
}
.a22n-circled-l-u:before {
  content: "\e90b";
}
.a22n-circled-m-u:before {
  content: "\e90c";
}
.a22n-circled-n-u:before {
  content: "\e90d";
}
.a22n-circled-o-u:before {
  content: "\e90e";
}
.a22n-circled-p-u:before {
  content: "\e90f";
}
.a22n-circled-q-u:before {
  content: "\e910";
}
.a22n-circled-r-u:before {
  content: "\e911";
}
.a22n-circled-s-u:before {
  content: "\e912";
}
.a22n-circled-t-u:before {
  content: "\e913";
}
.a22n-circled-u-u:before {
  content: "\e914";
}
.a22n-circled-v-u:before {
  content: "\e915";
}
.a22n-circled-w-u:before {
  content: "\e916";
}
.a22n-circled-x-u:before {
  content: "\e917";
}
.a22n-circled-y-u:before {
  content: "\e918";
}
.a22n-circled-z-u:before {
  content: "\e919";
}

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on July 13, 2021 */

@font-face {
  font-family: 'Computer Modern';
  src: url(/bfe821412d77b80d9096.woff2) format('woff2'),
       url(/727c6983a78444b9a8a8.woff) format('woff');
  font-weight: normal;
}

@font-face {
  font-family: 'Computer Modern';
  src: url(/2085b6015cf683f57466.woff2) format('woff2'),
       url(/c09d61a1a1535ed0e4a6.woff) format('woff');
  font-weight: bold;
}

@font-face {
  font-family: 'Computer Modern';
  src: url(/43027e95af3359ec0223.woff2) format('woff2'),
       url(/8329f6e987975fc7de14.woff) format('woff');
  font-style: italic, oblique;
}

@font-face {
  font-family: 'Computer Modern';
  src: url(/00ca2776755e57c06053.woff2) format('woff2'),
        url(/77366843f95e453b3fcc.woff) format('woff');
  font-weight: bold;
  font-style: italic, oblique;
}

#grid-container {
  margin: 8px; 
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0;
}

/* This should work but the width/height is not always correct in the resize event listener */
/*
#grid-container {
  flex: 1;
  margin: 5px;
}
*/

/*
#grid-container {
  width:95%;
  height:95%;
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}
*/
.App {
  text-align: left;
}

.App-logo {
  animation: App-logo-spin infinite 20s linear;
  height: 40vmin;
  pointer-events: none;
}

.App-header {
  background-color: #282c34;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: calc(10px + 2vmin);
  color: white;
}

.App-link {
  color: #61dafb;
}

@keyframes App-logo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

#autograph-app {
  height: 100%;
  position: relative;
  background-color: white;
}

/*
#autograph-app {
  height: 100%;
  display: flex;
  margin: 0;
  background-color: white;
}
*/