/* @font-face { font-family: WierdSerifBI; src: url('https://cdn.glitch.me/03f12696-08e6-4dc6-a91d-f09423b082b8/Weird%20Serif%20v0.3%20Demo%20-%20Bold%20Italic.otf?v=1664391557334'); }
@font-face { font-family: WierdSerifB; src: url('https://cdn.glitch.me/03f12696-08e6-4dc6-a91d-f09423b082b8/Weird%20Serif%20v0.3%20Demo%20-%20Bold.otf?v=1664391560953'); }
@font-face { font-family: WierdSerifI; src: url('https://cdn.glitch.me/03f12696-08e6-4dc6-a91d-f09423b082b8/Weird%20Serif%20v0.3%20Demo%20-%20Regular%20Italic.otf?v=1664391567612'); }
@font-face { font-family: WierdSerif ; src: url('https://cdn.glitch.me/03f12696-08e6-4dc6-a91d-f09423b082b8/Weird%20Serif%20v0.3%20Demo%20-%20Regular.otf?v=1664391571279'); }

@font-face { font-family: NaNJauneMaxiBlond; src: url('https://cdn.glitch.me/03f12696-08e6-4dc6-a91d-f09423b082b8/NaNJauneTRIAL-MaxiBlond.ttf?v=1664391614681'); }
@font-face { font-family: NaNJauneMaxiLight; src: url('https://cdn.glitch.me/03f12696-08e6-4dc6-a91d-f09423b082b8/NaNJauneTRIAL-MaxiLight.ttf?v=1664391625177'); }
@font-face { font-family: NaNJauneMaxiReg; src: url('https://cdn.glitch.me/03f12696-08e6-4dc6-a91d-f09423b082b8/NaNJauneTRIAL-MaxiRegular.ttf?v=1664391633715'); }
@font-face { font-family: NaNJauneMaxiThin; src: url('https://cdn.glitch.me/03f12696-08e6-4dc6-a91d-f09423b082b8/NaNJauneTRIAL-MaxiThin.ttf?v=1664391648203'); }
@font-face { font-family: NaNJauneMidiReg; src: url('https://cdn.glitch.me/03f12696-08e6-4dc6-a91d-f09423b082b8/NaNJauneTRIAL-MidiRegular.ttf?v=1664391660013'); }
@font-face { font-family: NaNJauneMiniLight; src: url('https://cdn.glitch.me/03f12696-08e6-4dc6-a91d-f09423b082b8/NaNJauneTRIAL-MiniLight.ttf?v=1664391677821'); }
@font-face { font-family: NaNJauneMiniReg; src: url('https://cdn.glitch.me/03f12696-08e6-4dc6-a91d-f09423b082b8/NaNJaune-MiniRegular.ttf?v=1726672633503'); }


@font-face { font-family: Gloubiv; src: url('https://cdn.glitch.me/03f12696-08e6-4dc6-a91d-f09423b082b8/Gloubiv_0.2-Black.otf?v=1664420130097'); }
@font-face { font-family: GloubivH; src: url('https://cdn.glitch.me/03f12696-08e6-4dc6-a91d-f09423b082b8/Gloubiv_0.2-Hairline.otf?v=1664476440019'); }


@font-face { font-family: W95; src: url('https://cdn.glitch.me/03f12696-08e6-4dc6-a91d-f09423b082b8/W95FA.otf?v=1664475854088'); }
@font-face { font-family: LibreBarcode39; src: url('https://cdn.glitch.me/03f12696-08e6-4dc6-a91d-f09423b082b8/LibreBarcode39-Regular.ttf?v=1665348103274'); }

@font-face { font-family: DMSans; src: url('https://cdn.glitch.me/03f12696-08e6-4dc6-a91d-f09423b082b8/DMSans-VariableFont_opsz%2Cwght.ttf?v=1724096321917'); }
@font-face { font-family: BricolageGrotesque; src: url('https://cdn.glitch.me/03f12696-08e6-4dc6-a91d-f09423b082b8/BricolageGrotesque-VariableFont_opsz%2Cwdth%2Cwght.ttf?v=1724096324888'); }

@font-face { font-family: NanSpacelandR; src: url('https://cdn.glitch.me/03f12696-08e6-4dc6-a91d-f09423b082b8/NaNSpaceland-Regular.ttf?v=1724101197908'); }
@font-face { font-family: NanSpacelandB; src: url('https://cdn.glitch.me/03f12696-08e6-4dc6-a91d-f09423b082b8/NaNSpaceland-Bold.ttf?v=1724101593095'); }

@font-face { font-family: BarlowSB; src: url('https://cdn.glitch.me/03f12696-08e6-4dc6-a91d-f09423b082b8/Barlow-SemiBold.ttf?v=1724102506395'); } */

@font-face { font-family: WierdSerifBI; src: url('glitch-assets/Weird Serif v0.3 Demo - Bold Italic.otf'); }
@font-face { font-family: WierdSerifB;  src: url('glitch-assets/Weird Serif v0.3 Demo - Bold.otf'); }
@font-face { font-family: WierdSerifI;  src: url('glitch-assets/Weird Serif v0.3 Demo - Regular Italic.otf'); }
@font-face { font-family: WierdSerif;   src: url('glitch-assets/Weird Serif v0.3 Demo - Regular.otf'); }

@font-face { font-family: NaNJauneMaxiBlond;  src: url('glitch-assets/NaNJauneTRIAL-MaxiBlond.ttf'); }
@font-face { font-family: NaNJauneMaxiLight;  src: url('glitch-assets/NaNJauneTRIAL-MaxiLight.ttf'); }
@font-face { font-family: NaNJauneMaxiReg;    src: url('glitch-assets/NaNJauneTRIAL-MaxiRegular.ttf'); }
@font-face { font-family: NaNJauneMaxiThin;   src: url('glitch-assets/NaNJauneTRIAL-MaxiThin.ttf'); }
@font-face { font-family: NaNJauneMidiReg;    src: url('glitch-assets/NaNJauneTRIAL-MidiRegular.ttf'); }
@font-face { font-family: NaNJauneMiniLight;  src: url('glitch-assets/NaNJauneTRIAL-MiniLight.ttf'); }
@font-face { font-family: NaNJauneMiniReg;    src: url('glitch-assets/NaNJaune-MiniRegular.ttf'); }

@font-face { font-family: Gloubiv;  src: url('glitch-assets/Gloubiv_0.2-Black.otf'); }
@font-face { font-family: GloubivH; src: url('glitch-assets/Gloubiv_0.2-Hairline.otf'); }

@font-face { font-family: W95;             src: url('glitch-assets/W95FA.otf'); }
@font-face { font-family: LibreBarcode39;  src: url('glitch-assets/LibreBarcode39-Regular.ttf'); }

@font-face { font-family: DMSans;              src: url('glitch-assets/DMSans-VariableFont_opsz,wght.ttf'); }
@font-face { font-family: BricolageGrotesque;  src: url('glitch-assets/BricolageGrotesque-VariableFont_opsz,wdth,wght.ttf'); }

@font-face { font-family: NanSpacelandR; src: url('glitch-assets/NaNSpaceland-Regular.ttf'); }
@font-face { font-family: NanSpacelandB; src: url('glitch-assets/NaNSpaceland-Bold.ttf'); }

@font-face { font-family: BarlowSB; src: url('glitch-assets/Barlow-SemiBold.ttf'); }


html {
  overflow-x: hidden;
  min-height:100%;/* make sure it is at least as tall as the viewport */
  position:relative;
}

body {
  height:100%;
  max-width: 100vw;

  font-family: 'Homemade Apple', cursive;
  font-family: 'Knewave', cursive;
  font-family: 'Libre Barcode 39 Text', cursive;
  font-family: 'Lily Script One', cursive;
  font-family: 'Modak', cursive;
  font-family: 'Ms Madi', cursive;
  font-family: 'Nabla', cursive;
  font-family: 'Oleo Script Swash Caps', cursive;
  font-family: 'Prata', serif;
  font-family: 'Reggae One', cursive;
  font-family: 'Rock Salt', cursive;
  font-family: 'Silkscreen', cursive;
  font-family: 'Space Mono', monospace;
  
  font-family: 'NaNJauneMaxiBlond', serif;
  font-family: 'NaNJauneMaxiLight', serif;
  font-family: 'NaNJauneMaxiThin', serif;
  font-family: 'NaNJauneMaxiReg', serif;
  font-family: 'NaNJauneMiniLight', serif;
  font-family: 'NaNJauneMidiReg', serif;
  font-family: 'NaNJauneMiniLight', serif;
  
  font-family: 'Space Mono', monospace;
  
  
  font-family: 'BricolageGrotesque', sans-serif;
  font-family: 'W95', monospace;


  
  color: black;
}

text {
  height:100%;
  max-width: 100vw;
  font-family: 'BricolageGrotesque';
}

h31{
  margin:;
  text-align: center;
  font-family: 'NaNJauneMaxiReg', sans-serif;
  font-weight: 400;
  font-size:11vmin;
  line-height:1.3em;
}

h33{
  text-align: left;
  font-family: 'gloubivh', serif;
  font-size:22rem;
  color:#e3f5ff;
  position:absolute;
  z-index:-1;
}

sh{
  text-align: center;
  font-family: 'NaNJauneMaxiThin', serif;
  font-size:31px;
  color: grey;
}

y{
  font-family: 'Space Mono', monospace;  
  font-family: 'Arial', sans-serif;
}

h2 {
  color: #2800FF;
}

logT{
  font-family: 'NaNJauneMaxiThin', serif;
  font-size:31px;
}

logSH{
  font-family: 'NaNJauneMiniLight', serif;
  font-size:13px;
}

.svgripkobe{
	width: 100vw;
	height: 100vh;
}

.svgpgbkg{
	width: 100vw;
	height: 100%;
  fill:#e3f5ff;
}

.blob{
  width:100vw;
  height:100vh;
}

.nameside{
  x:-44%;
  y:48;
}

.noDecoration:hover {
    text-decoration: none !important;
}

#thin {
  filter: url(#erode);
}

.splash{
  transform-origin: 100% 100%;
}

.parallax-front {
    -webkit-transform: translateZ(0);
    transform: translateZ(0) scale(1.6);
  }

.parallax-back {
    -webkit-transform: translateZ(0);
    transform: translateZ(0) scale(1.6);
  }

.container{
  margin-left:11%;
  margin-right:11%;
  display:block;
}

parallax3{
  background-attachment:fixed;
}

.button7 {
  font-family: 'Arial', sans-serif;
  background-color: white;
  color: black;
  padding: 6px 13px;
  text-align: center;
  display: inline-block;    
  font-size: 17px;
  border-radius: 8.888px;
  border-color: black;
  transition-duration: 0.13s;
}

.button7:hover{
  background-color: white;
  color: lightblue;
  padding: 7px 13px;
  text-align: center;
  display: inline-block;    
  font-size: 17px;
  border-radius: 8.888px;
  border-color: lightgrey;
}

.blobmask {
  mask: url(#blobmask);
}

.white{
  color:white;
  fill: white;
}

#canvasM{
  top:30px;
  left:60px;
}