body{margin: 0px; background-color: black; color: white; -ms-overflow-style: none; scrollbar-width: none}
body::-webkit-scrollbar{display: none;}

img{display: block; width: 100%; height: 100%; object-fit:cover;}

h1{font-size: 2em;} h2{font-size: 1.8em;} h3{font-size: 1.6em;} h4{font-size: 1.4em;} h5{font-size: 1.2em;} h6{font-size: 1.1em;} h1,h2,h3,h4,h5,h6,p{margin: 0.25em;}

a:link, a:visited{color:inherit; text-decoration: inherit; cursor:pointer;} a:link:active, a:visited:active{color:inherit;}
a:link{text-decoration: underline;} a:link:hover{text-shadow: 0px 0px 6px, 0px 0px 3px}

/*[/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\]*/
:root{
--Orange:#FA6607
    
}
/*[/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\]*/






#sbgy{pointer-events: none; }
.sabito, .giyuu{z-index: 998; position: fixed; bottom: -0.4px; filter: drop-shadow(0px 0px 4px black); object-fit: contain; height: initial;}
    .sabito{left: 8px; width: 250px; margin-bottom: 10px; animation: sabifloat 6s ease infinite; content: url(Images/KNY/official/SbtHllwn19.png);}
        @keyframes sabifloat{from {transform: rotate(-5deg);} 50%{transform: rotate(5deg);} to{transform: rotate(-5deg);}}
    .giyuu{right:0px; width: 225px; content: url(Images/KNY/official/GyHllwn19.png);}
.blur{filter: brightness(1.1) saturate(1.5) blur(4px) opacity(0.5);}

@font-face{font-family: "BlackChancery"; src: url(misc/BLKCHCRY.TTF)}
#NDiHttl{color: white; font-family: 'BlackChancery', 'Times New Roman', Times, serif; font-size: 3em; font-weight: lighter; text-shadow:0px 0px 3px, 0px 0px 8px var(--Orange), 0px 0px 15px var(--Orange);}

#NDiH{color: white; font-family: 'BlackChancery', 'Times New Roman', Times, serif; text-shadow:0px 0px 3px, 0px 0px 8px var(--Orange), 0px 0px 15px var(--Orange);}
#NDiH>.button8831>img{content: url(Images/);} #NDiH>.button8831{background-color: black; border: 2px outset var(--Orange); box-sizing: border-box;}


.buttonholder8831{display: flex; flex-flow: column nowrap; gap: 4px; justify-content: center;}
.buttonholder8831>div{display: flex; flex-flow: row wrap; gap: 4px; justify-content: center; min-width:88px; max-width: 352px;}
.button8831{max-width: 88px; min-width: 88px; max-height: 31px; min-height: 31px;}




.TTt{display: block; position: relative; align-content: center; text-align: center; z-index: 999; visibility: hidden;} .TT:hover .TTt{visibility: visible;}



/*[/\/\/\/\/\/\/\/\[]/\/\/\/\/\/\/\/\]*/
.off{display: none !important;}
.hide{visibility: hidden !important;}

.black{background-color: #000;}
.white{background-color: #fff;}

.button8831{display: block; min-width: 81px; max-width: 81px; min-height: 33px; max-height: 33px; background-color: black; text-align: center; align-content: center; overflow: hidden;}


.iconbox{width: 50px; height: 50px;}



/*[---[disable/keep for some other time maybe]---]
/////////////////////////////////////////
[==========[marquee animation]==========]
/////////////////////////////////////////
--mqItmNum:5; --mqItmVis:3;
--mqItms2Move:calc(var(--mqItmNum) - var(--mqItmVis));

--mqItmW:100px; --mqItmBrdW:4px;
--mqItmWT:calc(var(--mqItmW) + calc((var(--mqItmBrdW) * 2)));

--mqTransXs:calc();
--mqTransXe:calc(calc(var(--mqItmWT) * var(--mqItms2Move)) * -1);

--mqParentW: calc(var(--mqItmWT) * var(--mqItmVis));

[========[in-page <style>]=======]
        #spotlight{min-width: var(--mqParentW); max-width: var(--mqParentW); border: var(--mqItmBrdW) solid lime; overflow: hidde;} #spotlight{display: flex;}
        #spotlight>div{min-width: var(--mqItmW); max-width: var(--mqItmW); background-color: goldenrod; border: var(--mqItmBrdW) solid gold; animation: marquee 5s linear infinite;} 


            @keyframes marquee{from{transform: translateX(calc(var(--mqParentW)));} to{transform: translateX(var(--mqTransXe));}}

[========[html]=======]
        <div id="spotlight" class="green">
            <div><img src="/Images/Sabitoedit1.png"></div>
            <div><img src="/Images/Sabitoedit2.png"></div>
            <div><img src="/Images/Sabitoedit3.png"></div>
            <div><img src="/Images/Sabitoedit4.png"></div>
            <div><img src="/Images/Sabitoedit5.png"></div>

        </div>
/////////////////////////////////////////
[=============[end marquee]=============]
/////////////////////////////////////////
*/