@font-face {
    font-family: "dizpix";
    src: 
    url(../fonts/dizpix-Regular.woff2) format("woff2"),
    url(../fonts/dizpix-Regular.ttf) format ("truetype");
    font-weight: 400;
    font-style: normal;
  }
  @font-face {
    font-family: "dizpix";
    src: 
    url(../fonts/dizpix-Bold.woff2) format("woff2"),
    url(../fonts/dizpix-Bold.ttf) format ("truetype");
    font-weight: 700;
    font-style: normal;
  }
  @font-face {
    font-family: "dizpix";
    src: 
    url(../fonts/dizpix-Italic.woff2) format("woff2"),
    url(../fonts/dizpix-Italic.ttf) format ("truetype");
    font-weight: 400;
    font-style: italic;
  }
  @font-face {
    font-family: "bubbles";
    src: url("../fonts/bubblemono.ttf");
    font-weight: 400;
    font-style: normal;
  }
  @font-face {
    font-family: dizpixserif;
    src: 
    url(../fonts/dizpixserif.woff2) format("woff2"),
    url(../fonts/dizpixserif.ttf) format ("truetype");
  }
  @font-face {
    font-family: "magic";
    src: url("../fonts/Wizard's Manse.otf");
    font-weight: 400;
    font-style: normal;
  }
  @font-face {
    font-family: "smallbubbles";
    src: url(../fonts/smallbubblemono.ttf);
  }
  @font-face {
    font-family: "Proggy Clean";
    src: url(../fonts/ProggyClean.ttf);
    font-weight: 400;
    font-style: normal;
  }
  @font-face {
    font-family: Kirb;
    src: url(../fonts/u8owhy.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
  }
  @font-face {
    font-family: "Alien ABC";
    src: url(../fonts/AlienABC.ttf);
    font-weight: 400;
    font-style: normal;
  }
  @font-face {
    font-family: "bm-neko";
    src: url(../fonts/BMNEA___.TTF);
  }
  @font-face {
    font-family: "Mr Font";
    src: url(../fonts/mr_font.ttf);
  }
  @font-face {
    font-family: "Spacy Stuff";
    src: url("../fonts/Spacy\ Stuff.ttf");
  }
  @font-face {
    font-family: "sqcon";
    src: url(../fonts/sqcon.ttf);
  }
  html {background-color:var(--main-bg);background-image:url('/meta/img/img_graphics/img_sg/background.gif');font-size: medium;image-rendering:pixelated}
  .pausebg {background-image: url("../img/img_graphics/img_sg/background.png");}
  :is(html, select, label),.cursorbox figure:nth-child(1){
    cursor: url("../img/img_graphics/img_sg/Cursors/point.cur"), default;
  }
  :is(a, summary, button, section > option, #c_submitButton),.cursorbox figure:nth-child(2){
    cursor: url("../img/img_graphics/img_sg/Cursors/link.cur"), pointer;
  }
  .cursorbox figure:nth-child(3){cursor: url("../img/img_graphics/img_sg/Cursors/crosshair.cur"), crosshair;}.cursorbox figure:nth-child(4),:is(abbr){cursor: url("../img/img_graphics/img_sg/Cursors/help.cur"), help;}:is(input, textarea),.cursorbox figure:nth-child(5){cursor: url("../img/img_graphics/img_sg/Cursors/text.cur"), text;}.cursorbox figure:nth-child(6){cursor: url("../img/img_graphics/img_sg/Cursors/move.cur"), move;}.cursorbox figure:nth-child(7){cursor: url("../img/img_graphics/img_sg/Cursors/nresize.cur"), n-resize;}.cursorbox figure:nth-child(8){cursor: url("../img/img_graphics/img_sg/Cursors/eresize.cur"), e-resize;}.cursorbox figure:nth-child(9){cursor: url("../img/img_graphics/img_sg/Cursors/nwresize.cur"), nw-resize;}.cursorbox figure:nth-child(10){cursor: url("../img/img_graphics/img_sg/Cursors/neresize.cur"), ne-resize;}.cursorbox figure:nth-child(11){cursor: url("../img/img_graphics/img_sg/Cursors/loading.cur"), wait;}.cursorbox figure:nth-child(12){cursor: url("../img/img_graphics/img_sg/Cursors/progress.cur"), progress;}
  #border main article p, #border label,.smallbubbles {
    font-family: 'Atkinson Hyperlegible', "smallbubbles";
  }
  #border a,.bubblemono{
    font-family:'Atkinson Hyperlegible', "bubbles";
  }
  .kirb{
    font-family:'kirb'
  }
  :is(#border h1,#border p > a){
    font-size:48px
  }
  :is(#border) h1 {
    font-family: 'Atkinson Hyperlegible', "magic";
  }
  #grid :where(h2,h3){
    font-weight:400;
  }
  :is(a){
    color: #2d4376;
  }
  :is(a):hover,:is(a):hover:visited{
    color: #26003d;
    text-decoration:none;
  }
  :is(a):visited{
    color:darkslategray
  }
  a:hover img {
    opacity: 0.5;
  }

  #grid :where(nav, header, h2, h3), #c_widget{
    font-family: 'Atkinson Hyperlegible', "dizpixserif", 'serif';
  }
  #grid :where(h2,h3){
    font-weight:400;
  }
  :is(#grid){
    font-family: 'Atkinson Hyperlegible', 'dizpix', sans-serif
  }
  :is(pre, .monofont,.fakebrowser,.cursorbox,.quizresults,code),#c_widget input[type="submit"],#toc_container,:is(button){
    font-family: 'Intel One Mono', "Proggy Clean", monospace;
  }