body {
    margin: 0;
    height: 100%;
    font-family: 'IBM Plex Mono', monospace;
    font-weight: 400;
}

h1, h2, p {
    margin: 10px;
    font-weight: 400;
}
h1 {
   font-size: 32px; 
}  
h2 {
   font-size: 24px; 
}  
 
img {
    display: block;
    width: 100%;
    filter: brightness(0) saturate(100%) invert(19%) sepia(100%) saturate(2533%) hue-rotate(288deg) brightness(117%) contrast(141%);

}

a:link img {
    filter:none;
}
.item {
    filter:none;
}

.intro {
    max-width: 700px;
    margin: 10px;
}
.warn {
    max-width: 700px;
    margin: 10px;
}

.etalage {
    display: grid;
    grid-template-columns: repeat(auto-fill, 300px);
    grid-gap: 10px;
    margin: 10px;
    max-width: 10124px;
}

.etalage-home {
    display: grid;
    grid-template-columns: repeat(auto-fill, 400px);
    grid-gap: 10px;
    margin: 10px;
}

.text {
    margin: 10px;
    max-width: 800px;
}

figure {
    margin: 0;
}

xfigure > img {
    width: 100%;
}

.show {
    grid-column: 1 / -1;
}

figcaption {
    xbackground-color: #fff;
}
#footer {
    position: fixed;
    bottom: 0;
    xwidth: 100%;
    xmargin: 10px;
    background-color: #fff;
    padding: 10px;
}


:root {
                --color0: #000;
                --color1: #ffff00;
                --color2: #00bfff;
                --color3: #ff1493;
                --color4: #fff;
            }
            
            @font-face {
                font-family: "fontA";
                src: url("starWheel-NFT.otf");  
            }
            
            body {
                margin: 0;
                padding: 0;
                xfont-family: "fontA";
                font-family: 'IBM Plex Mono', monospace;
            
               
            }
            #container {
                height: 100vh;
                overflow: hidden;
                margin: 0em;
                xbackground-color: var(--color2);
                overflow: hidden;
            }
            .intro {
                word-break: break-all;
                line-height: 40px;
            }
            #inTheBack {
                height: 100vh;
                width: 100%;
                overflow: hidden;
                margin: 0em;
                xbackground-color: var(--color2);
                overflow: hidden;
                position: fixed;
      top: 0;
      left: 0;
      z-index: -1;
      font-family: "fontA";
            }
            
            .fonting {
                xheight: 100vh;
                overflow: hidden;
                word-break: break-all;
                overflow: hidden;
                line-height: 1em;
                font-size: 120px;
                mix-blend-mode: multiply;
                text-indent: -4ch;
                animation-timing-function: step-start;
            }
            .fonting_00 {
                color: var(--color0);
                -xwebkit-text-stroke: 1px var(--color1);
                text-indent: 1ch;
                font-weight: 400;
                /*
                animation: all_ani 12s infinite;
                animation-timing-function: step-start;
                */
            }
            .fonting_01 {
                position: absolute;
                color: var(--color1);
                -xwebkit-text-stroke: 1px var(--color1);
                animation: all_ani 1s infinite;
                animation-timing-function: step-start;
            }
            .fonting_02 {
                position: absolute;
                color: var(--color2);
                -xwebkit-text-stroke: 2px var(--color2);
                animation: all_ani 5s infinite;
                animation-timing-function: step-start;
            }
            
            .fonting_03 {
                position: absolute;
                color: var(--color3);
                -xwebkit-text-stroke: 3px var(--color3);
                animation: all_ani 9s infinite;
                animation-timing-function: step-start;
            }
            
           @keyframes all_ani {
                0%  { text-indent: -9ch; }
                5%  { text-indent: -1ch; }
                10%  { text-indent: -12ch; }
                15%  { text-indent: -3ch; }
                20%  { text-indent: -4ch; }
                25%  { text-indent: -15ch; }
                30%  { text-indent: -6ch; }
                35%  { text-indent: -17ch; }
                40%  { text-indent: -8ch; }
                45%  { text-indent: -0ch; }
                0%  { text-indent: -10ch; }
                55%  { text-indent: -11ch; }
                60%  { text-indent: -2ch; }
                65%  { text-indent: -13ch; }
                70%  { text-indent: -18ch; }
                75%  { text-indent: -5ch; }
                80%  { text-indent: -16ch; }
                85%  { text-indent: -7ch; }
                90%  { text-indent: -14ch; }
                95%  { text-indent: -19ch; }
            }