.fontsize1vw   {font-size:1vw}
.fontsize15vw {font-size:1.5vw}
.fontsize2vw {font-size:2vw}
.fontsize25vw {font-size:2.5vw}
.fontsize3vw {font-size:3vw}
.fontsize35vw {font-size:3.5vw}
.fontsize4vw {font-size:4vw}
.fontsize45vw {font-size:4.5vw}
.fontsize5vw {font-size:5vw}
.fontsize55vw {font-size:5.5vw}
.fontsize6vw {font-size:6vw}
.fontsize65vw {font-size:6.5vw}
.fontsize7vw {font-size:7vw}
.fontsize75vw {font-size:7.5vw}
.fontsize8vw {font-size:8vw}
.fontsize85vw {font-size:8.5vw}

.fontsizecalc20_40 {font-size: calc(20px + (40 - 20) * ((100vw - 300px) / (1600 - 300)))}
.lineheightcalc20_40 {line-height: calc(20px + (40 - 20) * ((100vw - 300px) / (1600 - 300)))}

.fontcolorblue {color:blue}
.fontcolorblack {color:rgb(0, 0, 0)}
.fontcolorlightblue {color:rgb(0, 195, 255)}
.fontcolorpink {color:rgba(255, 0, 221, 1)}
.fontcoloryellow {color:rgba(255, 255, 0, 1)}
.fontcolorlightyellow {color:rgb(247, 247, 161)}
.fontcolorpurple {color:rgba(85, 0, 244, 1)}
.fontcolorlightpurple {color:rgb(158, 106, 255)}
.fontcolorwhite {color:rgb(255, 255, 255)}
.fontcolorgreen {color:rgb(0, 255, 0)}
.fontcolorlightgreen {color:rgb(162, 247, 162)}
.fontcolororange {color:rgb(255, 174, 0)}
.fontcolorlightorange {color:rgb(255, 208, 122)}
.fontcolorred {color:rgb(255, 0, 76)}

/*#region [green5]............................................................*/
.fontweight100 {
  font-weight: 100;
}

.fontweight200 {
  font-weight: 200;
}

.fontweight300 {
  font-weight: 300;
}

.fontweight400 {
  font-weight: 400;
}

.fontweight500 {
  font-weight: 500;
}

.fontweight600 {
  font-weight: 600;
}

.fontweight700 {
  font-weight: 700;
}

.fontweight800 {
  font-weight: 800;
}

.fontweight900 {
  font-weight: 900;
}

.blauw {
  color: rgba(0, 203, 244);
}
/*#endregion..................................................................*/

.weight300 {font-weight:400}
.weight400 {font-weight:400}
.weight500 {font-weight:500}
.weight600 {font-weight:800}
.weight700 {font-weight:800}
.weight800 {font-weight:800}
.weight900 {font-weight:1000}
.weight1000 {font-weight:1000}

.roze {color:rgba(244,0,161)}
.paars {color:rgb(85, 0, 244)}
.lichtpaars2 {color:rgb(137, 74, 255)}
.geel {color:rgb(228, 244, 0)}
.blauw {color:rgb(0, 134, 244)}
.orange {color:rgb(244, 159, 0)}
.lightorange {color:rgb(255, 208, 122)}
.lichtpaars {color:rgb(158,148,244)}
.zwart {color:rgb(0, 0, 0)}















.text1 {
  font-family: "Recursive", monospace;
  background-color: rgba(0, 119, 255, 0.746);
  color: rgba(255, 255, 255, 0.842);
  opacity: 1.0;
  font-weight: 300;
  line-height: 1.12em;
  font-size: 2.5vw;
  /* padding: 1vw; */
  word-spacing: -0.0em;
  letter-spacing: -0.05em;
  /* word-break: break-all; */
  /* font-feature-settings: 'dlig' 1, 'liga' 1; */
  --MONO: 1;
  /*0*/
  /* Monospace    */
  --CASL: 0;
  /* Casual       */
  --slnt: -8;
  /*0*/
  /* Upright      */
  --CRSV: 0.0;
  /*1.0*/
  /* Auto Cursive */
  /* margin-top:10px; */
}

.text2 {
  font-family: "Recursive", monospace;
  background: rgba(234, 0, 255, 0.507);
  color: white;
  opacity: 1.0;
  font-weight: 300;
  /* line-height: 1.12em; */
  font-size: 2.5vw;
  padding: 3vw;
  word-spacing: -0.0em;
  letter-spacing: -0.05em;
  /* word-break: break-all; */
  /* font-feature-settings: 'dlig' 1, 'liga' 1; */
  --MONO: 1;
  /*0*/
  /* Monospace    */
  --CASL: 0;
  /* Casual       */
  --slnt: -8;
  /*0*/
  /* Upright      */
  --CRSV: 0.0;
  /*1.0*/
  /* Auto Cursive */
  /* margin-top:10px; */
}

.text3 {
  font-family: "Recursive", monospace;
  background: rgba(238, 255, 0, 0.829);
  color: rgba(0, 0, 0, 0.705);
  opacity: 1.0;
  font-weight: 300;
  line-height: 1.12em;
  font-size: 2.5vw;
  padding: 1vw;
  word-spacing: -0.0em;
  letter-spacing: -0.05em;
  /* word-break: break-all; */
  /* font-feature-settings: 'dlig' 1, 'liga' 1; */
  --MONO: 1;
  /*0*/
  /* Monospace    */
  --CASL: 0;
  /* Casual       */
  --slnt: -8;
  /*0*/
  /* Upright      */
  --CRSV: 0.0;
  /*1.0*/
  /* Auto Cursive */
}

.text4 {
  font-family: "Recursive", monospace;
  /* background: rgba(238, 255, 0, 0.829); */
  color: rgba(255, 255, 255, 0.63);
  opacity: 1.0;
  font-weight: 300;
  line-height: 1.12em;
  font-size: 2.5vw;
  /* padding: 3vw; */
  word-spacing: -0.0em;
  letter-spacing: -0.05em;
  /* word-break: break-all; */
  /* font-feature-settings: 'dlig' 1, 'liga' 1; */
  --MONO: 1;
  /*0*/
  /* Monospace    */
  --CASL: 0;
  /* Casual       */
  --slnt: -8;
  /*0*/
  /* Upright      */
  --CRSV: 0.0;
  /*1.0*/
  /* Auto Cursive */
}

.text5 {
  font-family: "Recursive", monospace;
  /* background: rgba(238, 255, 0, 0.829); */
  color: rgba(255, 255, 255, 0.63);
  opacity: 1.0;
  font-weight: 300;
  line-height: 1.12em;
  font-size: 2.5vw;
  /* padding: 3vw; */
  word-spacing: -0.0em;
  letter-spacing: -0.05em;
  /* word-break: break-all; */
  /* font-feature-settings: 'dlig' 1, 'liga' 1; */
  --MONO: 1;
  /*0*/
  /* Monospace    */
  --CASL: 0;
  /* Casual       */
  --slnt: -8;
  /*0*/
  /* Upright      */
  --CRSV: 0.0;
  /*1.0*/
  /* Auto Cursive */
}

.text6 {
  font-family: "Recursive", monospace;
  background: rgba(238, 255, 0, 0.424);
  color: rgba(7, 255, 28, 0.616);
  /* -webkit-background-clip: text !important; */
  /* background-clip: text !important; */
  /* color: transparent !important; */
  /* opacity: 1.0; */
  font-weight: 500 !important;
  line-height: 1.12em;
  font-size: 2.5vw;
  /* padding: 1vw; */
  word-spacing: -0.0em;
  letter-spacing: -0.05em;
  /* word-break: break-all; */
  /* font-feature-settings: 'dlig' 1, 'liga' 1; */
  --MONO: 1;
  /*0*/
  /* Monospace    */
  --CASL: 1;
  /* Casual       */
  --slnt: -8;
  /*0*/
  /* Upright      */
  --CRSV: 0.0;
  /*1.0*/
  /* Auto Cursive */


}


.text77 {
  font-family: "Recursive", monospace;
  /* background: rgba(238, 255, 0, 0.829); */
  color: rgba(255, 255, 255, 0.63);
  opacity: 1.0;
  font-weight: 300;
  /* line-height: 1.12em; */
  font-size: 30px;
  /* padding: 3vw; */
  word-spacing: -0.0em;
  letter-spacing: -0.05em;
  /* word-break: break-all; */
  /* font-feature-settings: 'dlig' 1, 'liga' 1; */
  --MONO: 1;
  /*0*/
  /* Monospace    */
  --CASL: 0;
  /* Casual       */
  --slnt: -8;
  /*0*/
  /* Upright      */
  --CRSV: 0.0;
  /*1.0*/
  /* Auto Cursive */
}

.recursive {
  font-family: "Recursive", monospace
}

.sono {
  font-family: "Sono"
}

/* #region [blue] */
/*
    CSS custom properties trick for variable fonts; see
    https://pixelambacht.nl/2019/fixing-variable-font-inheritance/
*/
:root {
  /* Start with axis defaults. Exclude weight, which is better controlled via the usual font-weight CSS property */
  --MONO: 0;
  /* Monospace    */
  --CASL: 0;
  /* Casual       */
  --slnt: 0;
  /* Upright      */
  --CRSV: 0.5;
  /* Auto Cursive */
}

*,
*:before,
*:after {
  font-variation-settings:
    "MONO"var(--MONO), "CASL"var(--CASL),
    "slnt"var(--slnt), "CRSV"var(--CRSV);
}
/* #endregion */

/* #region [yellow] */
.header1recursive {
  font-size: 4.5vw;
  padding: 1vw 0vw 2vw 0vw;
  color: rgb(255, 0, 242)
}

.header2recursive {
  font-size: 4.0vw;
  /* padding: 1vw 0vw 2vw 0vw; */
  color: rgb(98, 0, 255)
}

.header3recursive {
  font-size: 4.5vw;
  padding: 1vw 0vw 2vw 0vw;
  color: rgb(0, 255, 255)
}
/* #endregion */



.text7 {
  background-color: rgba(255, 0, 0, 0.246);
  color: rgb(0, 0, 0);
  padding: 1.5vw 1.5vw 1.5vw 3vw
}

/*SONO////////////////////////////////////////////////////////////////////////*/
.text8 {
  font-family: "Sono";
  background: rgba(255, 0, 234, 0.39);
  color: rgba(255, 255, 255, 0.705);
  font-weight: 300;
  line-height: 1.12em;
  font-size: 2.5vw;
  padding: 3vw;
  word-spacing: -0.0em;
  letter-spacing: -0.05em;
  /* clip-path: url(#myClip2);   */
  /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
  clip-path: url(#myClip333);  /* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
 

}

.text9 {
  font-family: "Sono";
  /* background: #00ff002a; */
  /* background: rgba(255, 0, 234, 0.39); */
  color: rgb(190, 226, 255);
  font-weight: 200;
  line-height: 1.12em;
  font-size: 1.5vw;
  /* padding: 5px; */
  /* padding: 3vw; */
  word-spacing: -0.0em;
  letter-spacing: -0.10em;
}

.sononotsobigpurple {
  font-family: "Sono";
  background: rgba(255, 0, 234, 0);
  color: rgba(183, 0, 255, 0.719);
  font-weight: 300;
  line-height: 1.12em;
  font-size: 1.5vw;
  padding: 0vw;
  word-spacing: -0.0em;
  letter-spacing: -0.10em;
}


/* ****************************************************************************************************************** */


/* body {text-rendering: optimizeLegibility;} */

.recursivefont {
  font-family: "Recursive", monospace;
  background: rgba(0, 0, 0, 0);
  color: white;
  /* font-weight:300; */
  line-height: 1.12em;
  /* font-size: 3.5vw; */
  word-spacing:0.0em;
  letter-spacing:-0.05em;
  /* word-break: break-all; */
  line-height: 1;
  /* font-feature-settings: 'dlig' 1, 'liga' 1; */
  
    /* font-variation-settings: "MONO" 0.001, "CASL" 0.001; */

  --MONO: 0;   /* Monospace    */
  --CASL: 1;   /* Casual       */
  --slnt: 0;   /* Upright      */
  --CRSV: 1.0; /* Auto Cursive */
  font-variation-settings:
    "MONO" var(--MONO), "CASL" var(--CASL),
    "slnt" var(--slnt), "CRSV" var(--CRSV);
}

.fontrecursiveitalic {
  font-family: "Recursive", monospace;
  background: rgba(0, 0, 0, 0);
  /* color: rgb(255, 0, 221); */
  /* font-weight:300; */
  /* line-height: 1.5em; */
  /* font-size: 3.5vw; */
  word-spacing:0.0em;
  letter-spacing:-0.05em;
  word-break: break-all;
  line-height: 1;

  /* font-feature-settings: 'dlig' 1, 'liga' 1; */
  
    /* font-variation-settings: "MONO" 0.001, "CASL" 0.001; */

  --MONO: 0;   /* Monospace    */
  --CASL: 1;   /* Casual       */
  --slnt: -15;   /* Upright      */
  --CRSV: 1.0; /* Auto Cursive */
  font-variation-settings:
    "MONO" var(--MONO), "CASL" var(--CASL),
    "slnt" var(--slnt), "CRSV" var(--CRSV);
}









.recursivefont300 {
  font-family: "Recursive", monospace;
  background: black;
  color: white;
  font-weight:300;
  line-height: 1.12em;
  font-size: 3.5vw;
  word-spacing:0.0em;
  letter-spacing:-0.05em;
  word-break: break-all;
  line-height: 1;
  /* font-feature-settings: 'dlig' 1, 'liga' 1; */
  
    /* font-variation-settings: "MONO" 0.001, "CASL" 0.001; */

  --MONO: 0;   /* Monospace    */
  --CASL: 1;   /* Casual       */
  --slnt: 0;   /* Upright      */
  --CRSV: 1.0; /* Auto Cursive */
  font-variation-settings:
    "MONO" var(--MONO), "CASL" var(--CASL),
    "slnt" var(--slnt), "CRSV" var(--CRSV);
}
/*
  CSS custom properties trick for variable fonts; see
  https://pixelambacht.nl/2019/fixing-variable-font-inheritance/
*/
 :root {
  /* Start with axis defaults. Exclude weight, which is better controlled via the usual font-weight CSS property */
  --MONO: 0;   
  /* Monospace    */
  --CASL: 0;  
   /* Casual       */
 --slnt: 0;   
   /* Upright      */
 --CRSV: 1.0; 
   /* Auto Cursive */
}
*,
*:before,
*:after {
  font-variation-settings:
    "MONO" var(--MONO), "CASL" var(--CASL),
    "slnt" var(--slnt), "CRSV" var(--CRSV);
} 


.recusivefont300italic {
  font-family: "Recursive", monospace;
  background: rgba(0, 0, 0, 0);
  color: rgb(255, 0, 221);
  font-weight:300;
  line-height: 1.5em;
  font-size: 3.5vw;
  word-spacing:0.0em;
  letter-spacing:-0.05em;
  word-break: break-all;
  line-height: 1;

  /* font-feature-settings: 'dlig' 1, 'liga' 1; */
  
    /* font-variation-settings: "MONO" 0.001, "CASL" 0.001; */

  --MONO: 0;   /* Monospace    */
  --CASL: 1;   /* Casual       */
  --slnt: -15;   /* Upright      */
  --CRSV: 1.0; /* Auto Cursive */
  font-variation-settings:
    "MONO" var(--MONO), "CASL" var(--CASL),
    "slnt" var(--slnt), "CRSV" var(--CRSV);
}






.text888 {
  font-family: "Recursive", monospace;
  /* background: rgba(238, 255, 0, 0.424); */
  /* background-image: */
  /* url(/img/APC_1148-hdr_w300xh313.png); */
  /* url(/img/heic0514a.jpg); */
  /* url(/img/heic1502a.jpg); */
  /* url(/img/potw1850a.jpg); */
  /* url(/img/heic0601a.jpg); */
  /* url(/img/potw1850a.jpg); */
  /* url(/img/archives_ngc6946.jpg); */
  color: rgba(0, 255, 106, 0.474);
  /* -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important; */

  /* opacity: 1.0; */
  font-weight: 500 !important;
  line-height: 1.12em;
  font-size: 2.5vw;
  padding: 1vw;
  word-spacing: -0.0em;
  letter-spacing: -0.05em;
  /* word-break: break-all; */
  /* font-feature-settings: 'dlig' 1, 'liga' 1; */
  --MONO: 1;
  /*0*/
  /* Monospace    */
  --CASL: 1;
  /* Casual       */
  --slnt: -8;
  /*0*/
  /* Upright      */
  --CRSV: 0.0;
  /*1.0*/
  /* Auto Cursive */


}