/* #region [blue5] */
/* imports */

/* AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA */
@import url('https://fonts.googleapis.com/earlyaccess/amstelvaralpha.css');
/* BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB */
@import url('https://fonts.googleapis.com/css2?family=BioRhyme:wght@200;300;400;700;800&display=swap');
/* font-family: 'BioRhyme', serif; */
@import url('https://fonts.googleapis.com/css2?family=Bellota+Text:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
/* body{ font-family: 'Bellota Text', cursive; */
/* CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC */
/* variable */
/* @import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap'); */
/* body{ font-family: 'Comfortaa', cursive;} */
/* variable font*/
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&&display=swap');
/* body{ font-family: 'Comfortaa', cursive;} */
/* @import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@200..900'); */

/* @import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@1,200..900');   */
/* italic */
/* @import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@200..900;1,700'); */
/* bold italic */
/* DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD */
/* variable font */
@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@200;300;400;500;600;700;800&display=swap');
/* EEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE */
@import url('https://fonts.googleapis.com/css2?family=Encode+Sans+Condensed:wght@100;200;300;400;500;600;700;800;900&display=swap');
/* body{ font-family: 'Encode Sans Condensed', sans-serif;font-weight: 900;} */
/*FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF */
/* GGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGG */
/*HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH */
@import url('https://fonts.googleapis.com/css2?family=Hepta+Slab:wght@1..900&display=swap');
/* @import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,200..900;1,200..900&display=swap'); */
/*IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII */
/* JJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJ */
/* KKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKK */
@import url('https://fonts.googleapis.com/css?family=Knewave');
/* LLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
/* font-family: 'Lato', sans-serif; */
/* MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM */
/* @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap'); */
/* body{font-family: 'Manrope', sans-serif;} */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
/* body{font-family: 'Manrope', sans-serif;} */

/* NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN */
@import url('https://fonts.googleapis.com/css?family=Nova+Mono&display=swap');
/* font-family: 'Nova Mono', monospace; */

/* OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:ital,wght@0,300;0,700;1,300&display=swap');
/* body{ font-family: 'Open Sans Condensed', sans-serif;font-weight: 300;} */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:ital,wght@0,300;0,700;1,300&family=Roboto+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
/* body{  font-family: 'Roboto Mono', monospace;font-weight: 100;} */

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
/* PPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPP */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400|Poppins:400');
/* body{ font-family: 'Encode Sans Condensed', sans-serif;font-weight: 900;} */
/* QQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQ */
/* RRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRR */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
/* font-family: 'Roboto', sans-serif; */
/*variable */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
/* body{ font-family: 'Roboto Mono', monospace;} */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
/* font-family: 'Roboto Condensed', sans-serif; */

/* @import url("https://fonts.googleapis.com/css2?family=Recursive:slnt,wght,CASL,CRSV,MONO@-15..0,300..1000,0..1,0..1,0..1&display=swap"); */
/* @import url('https://fonts.googleapis.com/css2?family=Syncopate:wght@400;700&display=swap'); werkt niet*/
/*SSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS */
/* TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT*/
/* UUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUU */
/* VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV */
/* WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* YYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYY */
/* @import url('https://fonts.googleapis.com/css2?family=Yanonen+Kaffeesatz:wght@200..700');
@import url('https://fonts.googleapis.com/css2?family=Yanone+Kaffeesatz:wght@200..900;700'); */
/* bold */
/* ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ */





/* #endregion */

/* #region [orange5] */
@font-face {
  font-family: 'Amstelvar';
  src: url('https://www.joke-parmentier.nl/fonts/Amstelvar-Roman.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-stretch: 75% 125%;
  font-style: oblique 0deg 12deg;
}

@font-face {
  font-family: 'Amstelvar-Roman';
  src: url('https://www/joke-parmentier.nl/fonts/amstelvar.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-stretch: 75% 125%;
  font-style: oblique 0deg 12deg;
}

@font-face {
  font-family: 'amstelvar';
  src: url('https://www.joke-parmentier.nl/fonts/Amstelvar-Roman.woff2') format("woff2-variations");
  font-weight: 1 999;
  font-stretch: 0% 100%;
  font-optical-sizing: 0 100;
}

@font-face {
  font-family: 'Gingham';
  src: url('https://www.joke-parmentier.nl/fonts/Gingham.woff2') format('woff2'),
    url('https://www.joke-parmentier.nl/fonts/Gingham.woff') format('woff'),
    url('https://www.joke-parmentier.nl/fonts/Gingham.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* The bare minimum English subset, plus copyright & arrows (← ↑ → ↓) & quotes (“ ” ‘ ’) & bullet (•) */
@font-face {
  font-family: 'Recursive';
  font-style: oblique 0deg 15deg;
  font-weight: 300 1000;
  font-display: swap;
  src: url('/fonts/Recursive_VF_1.066--subset_range_english_basic.woff2') format('woff2');
  unicode-range: U+0020-007F, U+00A9, U+2190-2193, U+2018, U+2019, U+201C, U+201D, U+2022;
}
/* unicode latin-1 letters, basic european diacritics */
@font-face {
  font-family: 'Recursive';
  font-style: oblique 0deg 15deg;
  font-weight: 300 1000;
  font-display: swap;
  src: url('/fonts/Recursive_VF_1.066--subset_range_latin_1.woff2') format('woff2');
  unicode-range: U+00C0-00FF;
}
/* unicode latin-1, punc/symbols & arrows (↔ ↕ ↖ ↗ ↘ ↙) */
@font-face {
  font-family: 'Recursive';
  font-style: oblique 0deg 15deg;
  font-weight: 300 1000;
  font-display: swap;
  src: url('/fonts/Recursive_VF_1.066--subset_range_latin_1_punc.woff2') format('woff2');
  unicode-range: U+00A0-00BF, U+2194-2199;
}
/* unicode latin A extended */
@font-face {
  font-family: 'Recursive';
  font-style: oblique 0deg 15deg;
  font-weight: 300 1000;
  font-display: swap;
  src: url('/fonts/Recursive_VF_1.066--subset_range_latin_ext.woff2') format('woff2');
  unicode-range: U+0100-017F;
}

@font-face {
  font-family: 'Roboto VF';
  font-weight: 100 900;
  font-stretch: 75% 100%;
  font-style: oblique 0deg 12deg;
  font-display: swap;
  src: url('/fonts/Roboto-VF.woff2') format('woff2-variations');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Roboto VF';
  src: url('https://joke-parmentier.nl/fonts/Roboto-VF.woff2') format('woff2-variations');
  font-stretch: 75% 100%;
  font-style: oblique 0deg 12deg;
  font-weight: 100 900;
}

@font-face {
  font-family: 'Sono';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url('/fonts/Sono[wght].woff2') format('woff2-variations');

}






/* #endregion */

/* #region [yellow1] */

.fontcolorblue {color:blue}
.fontcolorblack {color:rgb(0, 0, 0)}
.fontcolorlightblue {color:rgb(0, 195, 255)}
.fontcolorpink {color:rgba(255, 0, 221, 1)}
.fontcolorlightpink {color:rgb(255, 117, 237)}
.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)}
.fontcolordeeporange {color:rgb(255, 68, 30)}
.fontcolorblue {color:rgb(0, 134, 244)}
.fontcolorlightorange {color:rgb(255, 208, 122)}
.fontcolorred {color:rgb(255, 0, 76)}

.black {color:rgb(0, 0, 0)}
.zwart {color:rgb(0, 0, 0)}
.lightpink {color:rgb(255, 117, 237)}
.roze {color:rgba(244,0,161)}
.pink {color:rgba(244,0,161)}
.purple {color:rgb(85, 0, 244)}
.paars {color:rgb(85, 0, 244)}
.lichtpaars2 {color:rgb(137, 74, 255)}
.geel {color:rgb(228, 244, 0)}
.yellow {color:rgb(228, 244, 0)}
.lightyellow {color:rgb(247, 247, 161)}
.blauw {color:rgb(0, 134, 244)}
.blue {color:rgb(0, 134, 244)}
.lightblue {color:rgb(0, 195, 255)}
.orange {color:rgb(244, 159, 0)}
.lightorange {color:rgb(255, 208, 122)}
.lichtpaars {color:rgb(158,148,244)}
.lightpurple {color:rgb(158,148,244)}
.purple {color:rgba(85, 0, 244, 1)}
.lightpurple {color:rgb(158, 106, 255)}
.white {color:rgb(255, 255, 255)}
.green {color:rgb(0, 255, 0)}
.groen {color:rgb(0, 255, 0)}
.lightgreen {color:rgb(162, 247, 162)}
.red {color:rgb(255, 0, 76)}

/* #endregion */

/* #region [green5] */
.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}
.fontsize10clamp {font-size: clamp(1.0rem,1.0vw,1.0rem);}
.fontsize15clamp {font-size: clamp(1.5rem,1.5vw,1.5rem);}
.fontsize20clamp {font-size: clamp(2.0rem,2.0vw,2.0rem);}
.fontsize25clamp {font-size: clamp(2.5rem,2.5vw,2.5rem);}
.fontsize30clamp {font-size: clamp(3.0rem,3.0vw,3.0rem);}
.fontsize35clamp {font-size: clamp(3.5rem,3.5vw,3.5rem);}
.fontsize40clamp {font-size: clamp(4.0rem,4.0vw,4.0rem);}
.fontsize45clamp {font-size: clamp(4.5rem,4.5vw,4.5rem);}
.fontsize50clamp {font-size: clamp(5.0rem,5.0vw,5.0rem);}

.fontsize55clamp {font-size: clamp(3.0rem,8.0vw,8.5rem);}

.fontsize605clamp {font-size:clamp(6.0rem,6.0vw,6.0rem);}
.fontsize65clamp {font-size: clamp(6.5rem,6.5vw,6.5rem);}
.fontsize70clamp {font-size: clamp(7.0rem,7.0vw,7.0rem);}
.fontsize75clamp {font-size: clamp(7.5rem,7.5vw,7.5rem);}
.fontsize80clamp {font-size: clamp(8.0rem,8.0vw,8.0rem);}
.fontsize85clamp {font-size: clamp(8.5vw,8.5vw,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)))}

/* #endregion */

/*#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);
}

.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}

/*#endregion..................................................................*/

/* #region [purple5] */
p {
  margin-bottom: 1.15rem;
}

h1,
h2,
h3,
h4,
h5 {
  margin: 2.75rem 0 1.05rem;
}

h1 {
  margin-top: 0;
  font-size: 7.594em;
}

h2 {
  font-size: 5.063em;
}

h3 {
  font-size: 3.375em;
}

h4 {
  font-size: 2.25em;
}

h5 {
  font-size: 1.5em;
}

small,
.text_small {
  font-size: 0.667em;
}


/* html {font-size: 100%;}
standaard is dit 16px */

/* body {
  background-color: white;
  font-family: 'BioRhyme', serif;
  font-weight: 400;
  line-height: 1.65;
  color: #333;
} */

/*
h1, h2, h3, h4, h5 {
  margin: 2.75rem 0 1.05rem;
  font-family: 'BioRhyme', cursive;
  font-weight: 400;
  line-height: 1.15;
} */

/* h1 {margin-top: 0; font-size: 7.594em;}
h2 {font-size: 5.063em;}
h3 {font-size: 3.375em;}
h4 {font-size: 2.25em;}
h5 {font-size: 1.5em;}
small, .text_small {font-size: 0.667em;} */




/* #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);
}

/* #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)
}
.header4recursive {
  font-size: 4.5vw;
  padding: 1vw 0vw 2vw 0vw;
  color: rgb(250, 76, 244)
}


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

/* strong {
  font-synthesis: none;
  font-weight: 600;
}
em {
  font-synthesis: none;
  font-weight: 500;
} */

.letters {
  font-size: 25px;
  margin-bottom: 20px;
}

/* #endregion  */

/* #region [magenta3] */

.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: 3.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; */
}

@media only screen and (max-width: 900px) and (orientation : portrait) {
.text1{font-size: 6.0vw;}
.header1recursive{font-size: 9.0vw;}

}
@media only screen and (max-width: 900px) and (orientation : landscape) {
  .text1{font-size: 3.5vw;}
  .header1recursive{font-size: 4.5vw;}
}


.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);
  color: rgba(255, 255, 255, 0.652);
  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 */


}


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


.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;
}


.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 */
}

.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 */


}

.text889 { font-family: "Fira Code", mono-space;
  font-weight: 300;
  font-size: 20vw;
  text-shadow: 2px -1px 20px rgba(0, 0, 0, 0.3);
  text-transform: uppercase;
  margin: 0;
  color: #fff;}

/* #endregion */
.text10 {
  font-family: "Sono";
  /* background: rgba(255, 0, 234, 0.39); */
  color: rgba(255, 255, 255, 0.705);
  font-weight: 300;
  line-height: 0.5em;
  font-size: 2.5vw;
  padding: 3vw;
  word-spacing: -0.0em;
  letter-spacing: -0.05em;
  position: relative;

}



/* #region [green1] */

/* AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA */
.amstelvar2 {
  font-family: 'amstelvar';
  font-variation-settings: "wght"100, "wdth"20, "opsz"30;
}

.amstelvar3 {
  font-family: 'Amstelvar Alpha', serif;
}


.amstelvar4 {
  font-family: 'Amstelvar Alpha', serif;
  font-size: 44px;
  font-weight: 250;
  font-stretch: 301%;
  font-variation-settings: "opsz"17.1, "XOPQ"160, "YTRA"800, "YTUC"950, "YTDE"350, "YTAS"850, "YTCH"813, "XTCH"1005, "GRAD"94.4, "YTSE"48, "YTLC"600, "YOPQ"31.7, "XTRA"402;
  letter-spacing: 0.056em;
  line-height: 45px;
  font-style: normal;
  color: #F400A1;
  opacity: 0.8;
}

.amstervarvariablefontclass {
  font-family: 'Amstelvar';
  font-weight: 563;
  /* 1-999 */
  font-stretch: 95%;
  /* 50-200(ish) */
  font-style: italic;
  /* binary */
  font-optical-sizing: auto;
  /* matches font-size */
  font-variation-settings: 'WMX2'563, 'BLDA'95, 'ital'1, 'TRMC'16;
  font-feature-settings: "kern"on;
  -moz-font-feature-settings: "kern"on;
  -webkit-font-feature-settings: "kern"on;
  -ms-font-feature-settings: "kern"on;
  -o-font-feature-settings: "kern"on;
}

/* BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB */

/* font footer */
.bellota {
  font-family: 'Bellota Text', cursive;
  font-weight: 300;
  font-size: 16px;
}

.biorhyme {
  font-family: 'BioRhyme', serif;
  font-size: 18px;
  font-weight: 200;
  color: #F400A1;
  opacity: 0.8;
}

/* CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC */
.comfortaa {
  font-family: 'Comfortaa', cursive;
}

.crimsonyanonekaffeesatzwrapper {
  font-size: 48px;
  background-color: rgb(76, 0, 191);
  padding: 5px;
}

.crimson {
  font-family: 'Crimson Pro', serif;
  color: rgb(255, 110, 0);
  margin: 0px;
  border: 3px dotted #e242fa;
}

.crimson_1-25_400 {
  font-family: 'Crimson Pro', serif;
  font-size: 1.25rem;
  font-weight: 400;
}

/* .crimsonyanonekaffeesatzwrapper {
  font-size: 48px;
  color:rgb(242, 255, 0)
}
div:nth-child(1) {
  font-family: 'Crimson Pro', serif;
}
div:nth-child(2) {
  font-family: 'Yanone Kaffeesatz', serif;
} */

/* DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD */
/* EEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE */
/* FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF */
.firacode1{
font-family: "Fira Code", mono-space;
font-weight: 300;
font-size: 20vw;
text-shadow: 2px -1px 20px rgba(0, 0, 0, 0.3);
text-transform: uppercase;
margin: 0;
color: #fff;}
/* GGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGG */


.getthick {

  font-family: 'Yanone Kaffeesatz', serif;
  background: rgb(165, 255, 0);
  border: 5px dotted #0d0d87;

  font-size: calc(100vw / 24 * 2);
  /* @media (max-width: 600px) {
    font-size: 3rem;
  } */
  font-weight: 100;
  transition: 2s;

}

.getthick:hover {
  font-weight: 900;
  transition: 0.5s;
}


.getthickcontainer {
  font-family: 'Yanone Kaffeesatz', serif;
  background: rgb(165, 255, 0);
  /* font-size: 48px; */
  border: 5px dotted #0d0d87;
  height: 100%;
  width: 100%;
  height: 100vh;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;

}

.gingham {
  font-family: 'Gingham', sans;
  font-variation-settings: "wght"400, "wdth"100;
  font-size: 24px;
  line-height: 1.4em;
  margin: 0 2em;
  background-color: rgba(255, 255, 255, 1);
  color: rgba(0, 0, 0, 1);
  font-feature-settings: "kern"on;
  -moz-font-feature-settings: "kern"on;
  -webkit-font-feature-settings: "kern"on;
  -ms-font-feature-settings: "kern"on;
  -o-font-feature-settings: "kern"on;
}

/* HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH */

.hepta_3rem {
  font-family: "Hepta Slab", serif;
  font-size: 3rem;
}

.hepta_2rem {
  font-family: "Hepta Slab", serif;
  font-weight: 100;
  font-variation-settings: "wght"300, "wdth"200;
  font-size: 2rem;
}

.hepta_2rem_wd55 {
  font-family: "Hepta Slab", serif;
  font-variation-settings: "wght"100, "wdth"200;
  font-size: 2rem;
}

.hepta48 {
  font-family: "Hepta Slab", serif;
  /* letter-spacing: -0.02em; */
  font-size: 25px;


  font-variation-settings: 'WMX2'300, 'BLDA'10, 'TRMD'10, 'TRMA'100;
  /* "wght"100, "wdth"100; */
  color: #FFDB00;
}

.hepta_16 {
  font-family: "Hepta Slab", serif;
  font-variation-settings: "wght"100, "wdth"200;
  font-size: 24px;

}

/* .hepta48{
  font-family: "Hepta Slab", serif;
  letter-spacing: -0.02em;
  font-size: 25px;
  font-variation-settings:  'WMX2'300, 'BLDA'95, 'ital'1, 'TRMC'16;
color: #FFDB00;
}
/* "wght"100, "wdth"100; */


/* IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII */
/* JJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJJ */
/* KKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKK */
/* LLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLLL */
.lato {
  font-family: 'Lato', sans-serif;
  font-weight: 700;
}

/* MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM */
.manrope_55_300 {
  font-family: 'Manrope', sans-serif;
  font-variation-settings: 'wdth'100, 'wght'200, 'slnt'0,
}

.manrope_100_300 {
  font-family: 'Manrope', sans-serif;
  font-variation-settings: 'wdth'100, 'wght'800, 'slnt'0, ;

}

/* NNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNNN */
/* OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */
.oswald23 {
  font-family: 'Oswald', sans-serif;
  font-size: 23px;
  font-weight: 300;
  line-height: 0px;
  letter-spacing: 0.027em;
}

/* PPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPP */
/* QQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQQ */
/* RRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRR */
.roboto {
  font-family: 'Roboto Mono', monospace;
  font-weight: 700;
}

.roboto-demo {
  font-family: "Roboto VF", "Roboto", sans-serif;
  font-stretch: 75% 100%;
  /* font-stretch: 75% 100%; */
  font-style: oblique 0deg 12deg;
  font-weight: 100 900;
  font-variation-settings: "wght"100, "wdth"75, "slnt"12;
}

/* .roboto-demo {
  font-family: "Roboto VF", "Roboto", sans-serif;
  font-size: 5rem;
  font-stretch: 50%;
  font-style: oblique;
  font-weight: 100;
  font-variation-settings: "wght" 100, "wdth" 20, "slnt" 30;
  margin: 0;
} */

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

.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: rgba(0, 0, 0, 0.199);
  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);
}

.recusivefont300italicB {
  font-family: "Recursive", monospace;
  background: rgba(0, 0, 0, 0);
  color: rgb(255, 0, 221);
  /* font-weight: 900; */

  line-height: 1.5em;
  /* font-size: 9vw; */
  /* font-size:  clamp(8.5vw,8.5vw,8.5vw); */

  word-spacing: 0.0em;
  letter-spacing: 0.00em;
  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);
}

/* SSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS */
.sono {
  font-family: "Sono"
}

.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;
}

/* TTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT */
/* UUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUUU */
/* VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV */
/* WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* YYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYY */
.yanonekaffeesatz {
  font-family: 'Yanone Kaffeesatz', serif;
  color: rgb(242, 255, 0);
  margin: 0px;
}

.yanonekaffeesatz_24 {
  font-family: 'Yanone Kaffeesatz', serif;
  /* font-size: 16px;
  font-weight: 100;
  line-height: 26px;
  letter-spacing: 0.55px; */
}

.yanonekaffeesatz_24 .een {
  /* color: #F400A1; */
  /* color: #e1a1ff; */
  color: #ffd8fe;
}

.yanonekaffeesatz_24 .twee {
  /* color: #F400A1; */
  color: #ffd8fe;
  /* color: #e1a1ff; */


}

.yanonekaffeesatz_24 .drie {
  /* color: #F400A1; */
  /* color: #e1a1ff; */
  color: #ffd8fe;


}

.yanonekaffeesatz_24 .vier {
  /* color: #F400A1; */
  /* color: #e1a1ff; */
  color: #ffd8fe;


}

.yanonekaffeesatz_24 .vijf {
  /* color: #e1a1ff; */
  color: #ffd8fe;


}


.yanonekaffeesatz_24 .one {
  /* color: rgb(0, 0, 0); */
  /* color: #ffb1f5 !important; */
  color: #fffcfe !important;
  
  font-weight: 100;
  /* line-height: 108px; */
  letter-spacing: 10px !important;
}

.yanonekaffeesatz_24 .two {
  /* color: rgb(0, 0, 0); */
  /* color: #ffb1f5 !important; */
  color: #fffcfe !important;

  font-weight: 100;
  /* line-height: 108px; */
  letter-spacing: 10px;
}

.yanonekaffeesatz_24 .three {
  /* color: rgb(0, 0, 0); */
  /* color: #ffb1f5 !important; */
  color: #fffcfe !important;

  font-weight: 100;
  /* line-height: 108px; */
  letter-spacing: 10px;
}

.yanonekaffeesatz_24 .four {
  color: #F9FD1D !important;
  font-weight: 100;
  /* line-height: 108px; */
  letter-spacing: 10px;
}

.yanonekaffeesatz_24 .five {
  /* color: #ffb1f5 !important; */
  color: #fffcfe !important;

  font-weight: 100;
  /* line-height: 108px; */
  letter-spacing: 10px;
}

.yanonekaffeesatz_24 .zes {
  font-weight: 100;
  /* line-height: 108px; */
  letter-spacing: 10px;
}

.yanonekaffeesatz_24 .zeven {
  font-weight: 100;
  /* line-height: 16px; */
  letter-spacing: 10px;
}

/* ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ */

/* #endregion */