@font-face {
    font-family: 'Core Sans A';
    src: url('./Fonts/Core Sans A/coresansa45-webfont.woff2') format('woff2'),
         url('./Fonts/Core Sans A/coresansa45-webfont.woff') format('woff');
    font-weight: 400 normal;
    font-style: normal;
    xsize-adjust: calc(50% / 0.518);
}

@font-face {
    font-family: 'Core Sans A';
    src: url('./Fonts/Core Sans A/coresansa45it-webfont.woff2') format('woff2'),
         url('./Fonts/Core Sans A/coresansa45it-webfont.woff') format('woff');
    font-weight: 400 normal;
    font-style: italic;
    size-adjust: calc(50% / 0.518);
}

@font-face {
    font-family: 'Core Sans A';
    src: url('./Fonts/Core Sans A/coresansa55-webfont.woff2') format('woff2'),
         url('./Fonts/Core Sans A/coresansa55-webfont.woff') format('woff');
    font-weight: 500 600;
    font-style: normal;
    xsize-adjust: calc(50% / 0.518);
}

@font-face {
    font-family: 'Core Sans A';
    src: url('./Fonts/Core Sans A/coresansa55it-webfont.woff2') format('woff2'),
         url('./Fonts/Core Sans A/coresansa55it-webfont.woff') format('woff');
    font-weight: 500 600;
    font-style: italic;
    size-adjust: calc(50% / 0.518);
}

@font-face {
    font-family: 'Core Sans A';
    src: url('./Fonts/Core Sans A/coresansa65-webfont.woff2') format('woff2'),
         url('./Fonts/Core Sans A/coresansa65-webfont.woff') format('woff');
    font-weight: 700 bold;
    font-style: normal;
    xsize-adjust: calc(50% / 0.518);
}

@font-face {
    font-family: 'Core Sans A';
    src: url('./Fonts/Core Sans A/coresansa65it-webfont.woff2') format('woff2'),
         url('./Fonts/Core Sans A/coresansa65it-webfont.woff') format('woff');
    font-weight: 700 bold;
    font-style: italic;
    size-adjust: calc(50% / 0.518);
}

@font-face {
    font-family: 'Core Sans N Ex';
    src: url('./Fonts/Core Sans N/coresansn43-webfont.woff2') format('woff2'),
         url('./Fonts/Core Sans N/coresansn43-webfont.woff') format('woff');
    font-weight: 400 normal;
    font-style: normal;
    size-adjust: calc(50% / 0.518);
}

@font-face {
    font-family: 'Core Sans N Ex';
    src: url('./Fonts/Core Sans N/coresansn63it-webfont.woff2') format('woff2'),
         url('./Fonts/Core Sans N/coresansn63it-webfont.woff') format('woff');
    font-weight: 700 bold;
    font-style: italic;
    size-adjust: calc(50% / 0.518);
}

@font-face {
    font-family: 'Alkes';
    src: url('./Fonts/Alkes/alkes-semibolditalic.woff2') format('woff2'),
         url('./Fonts/Alkes/alkes-semibolditalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    /* size-adjust: calc(50% / 0.518); */
}

@font-face {
    font-family: 'Alkes';
    src: url('./Fonts/Alkes/alkes-bolditalic.woff2') format('woff2'),
         url('./Fonts/Alkes/alkes-bolditalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    /* size-adjust: calc(50% / 0.518); */
}

@font-face {
    font-family: 'Arsilon';
    src: url('./Fonts/Arsilon/arsilon.woff2') format('woff2'),
         url('./Fonts/Arsilon/arsilon.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    /* size-adjust: calc(50% / 0.518); */
}

@font-face {
    font-family: 'Garibaldi';
    src: url('./Fonts/Garibaldi/garibaldi-mediumitalic-webfont.woff2') format('woff2'),
         url('./Fonts/Garibaldi/garibaldi-mediumitalic-webfont.woff') format('woff');
    font-weight: 500 600;
    font-style: italic;
    /* size-adjust: calc(50% / 0.518); */
}

@font-face {
    font-family: 'Garibaldi';
    src: url('./Fonts/Garibaldi/garibaldi-bolditalic-webfont.woff2') format('woff2'),
         url('./Fonts/Garibaldi/garibaldi-bolditalic-webfont.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    /* size-adjust: calc(50% / 0.518); */
}

@font-face {
    font-family: 'Kiperman';
    src: url('./Fonts/Kiperman/kiperman-bolditalic-webfont.woff2') format('woff2'),
         url('./Fonts/Kiperman/kiperman-bolditalic-webfont.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    /* size-adjust: calc(50% / 0.518); */
}

html, body {
  min-height: 100vw;
  font-size: 16px;
  -webkit-text-size-adjust: 50%;
  -moz-text-size-adjust: 50%;
  text-size-adjust: 50%;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto; /* use grayscale for light text on dark backgrounds, often in dark mode */
  font-family: 'Core Sans N Ex', system-ui, -apple-system, BlinkMacSystemFont, 'Apple Color Emoji', 'Segoe UI', 'Segoe UI Symbol', 'Segoe UI Emoji', Arial, Roboto, sans-serif;
  line-height: 125%;
}

html {
  margin: 8px;
  padding: 0;
}

body {
  margin: 8px;
  padding: 8px;
}

div.frame {
  margin: 16px 8px 16px 8px;
  padding: 16px;
  border-radius: 12px;
  background: rgb(240,240,240);
}

/*
font-family: -apple-system-body
font-family: -apple-system-headline
font-family: -apple-system-subheadline
font-family: -apple-system-caption1
font-family: -apple-system-caption2
font-family: -apple-system-footnote
font-family: -apple-system-short-body
font-family: -apple-system-short-headline
font-family: -apple-system-short-subheadline
font-family: -apple-system-short-caption1
font-family: -apple-system-short-footnote
font-family: -apple-system-tall-body

unit ex is x-height
unit ch is width of 0
*/

.coding {
  font-family: ui-monospace, Menlo, 'Segoe UI Mono', 'Cascadia Code', 'Cascadio Mono', Consolas, 'DejaVu Sans Mono', 'Roboto Mono', monospace;
}

.system {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Apple Color Emoji', 'Segoe UI', 'Segoe UI Symbol', 'Segoe UI Emoji', Arial, Roboto, sans-serif;
}

.script {
  font-family: 'Segoe Print', cursive;
}

.serif {
  font-family: ui-serif, serif;
  font-variant-ligatures: 
  font-variant-numeric: proportional-nums oldstyle-nums stacked-fractions;
}

.title {
  font-family: ui-serif, serif;
  font-variant-ligatures: discretionary-ligatures;
  font-variant-numeric: proportional-nums oldstyle-nums stacked-fractions;
}

.tables {
  font-variant-numeric: lining-nums tabular-nums slashed-zero stacked-fractions;
  font-variant-numeric: 
  font-variant-numeric: 

}

h1 {
  font-family: 'Core Sans A', system-ui, -apple-system, BlinkMacSystemFont, 'Apple Color Emoji', 'Segoe UI', 'Segoe UI Symbol', 'Segoe UI Emoji', Arial, Roboto, sans-serif;
  font-weight: bold;
  font-size-adjust: 0.518;
  color: rgb(150,60,150);
  color: rgb(60,150,60);
  color: rgb(60,60,180);
  color: rgb(60,120,150);
  font-size: 36px;
  xfont-size: -webkit-calc(100vw * 36 / 960);
  xfont-size: -moz-calc(100vw * 36 / 960);
  xfont-size: calc(100vw * 36 / 960);
  xfont-weight: bold;
  font-style: italic;
  transition: all 2s ease;
}

h2 {
  color: rgb(45,45,45);
  font-family: 'Core Sans A', system-ui, -apple-system, BlinkMacSystemFont, 'Apple Color Emoji', 'Segoe UI', 'Segoe UI Symbol', 'Segoe UI Emoji', Arial, Roboto, sans-serif;
  font-weight: 550;
  font-size-adjust: 0.518;
}

h3 {
  color: rgb(45,45,45);
  font-family: 'Core Sans A', system-ui, -apple-system, BlinkMacSystemFont, 'Apple Color Emoji', 'Segoe UI', 'Segoe UI Symbol', 'Segoe UI Emoji', Arial, Roboto, sans-serif;
  font-weight: normal;
  font-size-adjust: 0.518;
}

p {
  font-family: 'Core Sans N Ex', system-ui, -apple-system, BlinkMacSystemFont, 'Apple Color Emoji', 'Segoe UI','Segoe UI Symbol', 'Segoe UI Emoji', Arial, Roboto, sans-serif;
  font-size-adjust: 0.518;
  color: rgb(45,45,45);
  font-size: 16px;
  xfont-size: -webkit-calc(100vw * 12 / 960);
  xfont-size: -moz-calc(100vw * 12 / 960);
  xfont-size: calc(100vw * 12 / 960);
  margin: 2px;
}

.world{
  width: 240px;
  height: 240px;
  top: -4px
}

.o {
  border: 2px solid #3399ff
}

.hello {
  font-size: 4em;
  text-align: center;
  font-family: arial;
  font-weight: bold;
  width: 400px;
  height: 200px;
}

div.openseadragon-container, div.openseadragon-canvas {
  border-radius: 12px;
}