:root{--p3d:preserve-3d;
--titlePacity:1;
--stickyPacity:0;
--oP:1;
--pureWords_transform-start:rotateY(20deg)rotateX(13deg) translateZ(0);
--pureWords_ಠ_ಠ-goTime:-7.5s;
--pureWords_ಠ_ಠ:rotateY(-20deg)rotateX(-23deg);
--pureWords_ಠ_ಠ1:rotateY(20deg)rotateX(13deg);
--pureWords_ಠ_ಠ-stopTime:0}
@font-face{font-family:'default';src:url('default.ttf') format('ttf'),url('default.woff2') format('woff2'),url('default.woff') format('woff');font-weight:normal;font-style:normal}

#bubbs li .bAds{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
#main1,.ch-grid,#main2,#main3,#main4,#main5,.main1,.main2,.main3,.main4,.main5,.main1 a,.main2 a,.main3 a,.main4 a,.main5 a{
	overflow:visible}
#main2 a:nth-child(even),.main2 a:nth-child(even),#main3 a:nth-child(even),.main3 a:nth-child(even){visibility:hidden}
#main1 a,#main2 a,#main3 a,#main4 a,#main5 a,.main1 a,.main2 a,.main3 a,.main4 a,.main5 a,.sticky1,.sticky2,.sticky3,
	.sticky4,.sticky5{visibility:visible}
#main1,.ch-grid,#main2,#main3,#main4,#main5,.main1,.main2,.main3,.main4,.main5{display:block}
.ch-grid li,#main1 a,#main2 a,#main3 a,#main4 a,#main5 a,.main1 a,.main2 a,.main3 a,.main4 a,.main5 a{display:inline-block}
.box,#bubbs{display:flex}
#main2,.main2,#main3,.main3,#bubbs li .bAds{pointer-events:none}
#main2 a:nth-of-type(odd),.main2 a:nth-of-type(odd),#main3 a:nth-of-type(odd),.main3 a:nth-of-type(odd){pointer-events:all}

#g0,#g1,#g2,#g3,#g4,.scrollbarAdd,.sticky1,.sticky2,.sticky3,.sticky4,.sticky5{position:-webkit-fixed;position:fixed}
.ch-item,.box,.ch-info,.ch-info > div,.main1,.main2,.main3,.main4,.main5,.fBall,.undercontent > div img,#bubbs,#bubbs li .bAds,
	#bubbs li .bAds::before{position:-webkit-absolute;position:absolute}
.ch-grid li,#main1 a,#main2 a,#main3 a,#main4 a,#main5 a,.main1 a,.main2 a,.main3 a,.main4 a,.main5 a,
	.undercontent > div,.undercontent > div img,.fire,#bubbs li{position:-webkit-relative;position:relative}

.ch-item{-webkit-perspective:var(--per);-moz-perspective:var(--per);-ms-perspective:var(--per);-o-perspective:var(--per);perspective:var(--per)}
.ch-info,.ch-info-front,.box,.box > div{-webkit-transform-style:var(--p3d);-moz-transform-style:var(--p3d);-ms-transform-style:var(--p3d);-o-transform-style:var(--p3d);transform-style:var(--p3d)}
.ch-info > a,.undercontent > div{-webkit-transform-origin:var(--tO);-moz-transform-origin:var(--tO);-ms-transform-origin:var(--tO);-o-transform-origin:var(--tO);transform-origin:var(--tO)}

#g0,#g1,#g2,#g3,#g4,#main1,#main2,#main3,#main4,#main5,.ch-item,.box,.ch-info-front,.ch-info-front .box > div,
	.ch-info-back,.ch-info:hover .ch-info-front,.ch-info:hover .ch-info-back,.main1 a,.main2 a,.main3 a,.main4 a,
		.undercontent,.main5 a,#bubbs,#bubbs li .bAds,#bubbs li .bAds::before{
			-webkit-transform:var(--nLab);-moz-transform:var(--nLab);-ms-transform:var(--nLab);-o-transform:var(--nLab);transform:var(--nLab)}
#main1,#main2,#main3,#main4,#main5,.ch-item,.ch-info > a,#main1 a,#main2 a,#main3 a,#main4 a,#main5 a,.main1 a,.main2 a,.main3 a,
	.main4 a,.main5 a,.box,.sticky1,.sticky2,.sticky3,.sticky4,.sticky5,.undercontent,#bubbs li,#bubbs li .bAds{
		-webkit-transition:var(--tran);-moz-transition:var(--tran);-o-transition:var(--tran);transition:var(--tran)}

#bubbs li .bAds::before{content:''}

::-webkit-scrollbar,.fBall{-webkit-animation:var(--anim);-moz-animation:var(--anim);-ms-animation:var(--anim);-o-animation:var(--anim);animation:var(--anim)}

::-webkit-scrollbar{--radius:0;--anim:sClose 1s ease-in 1;background:url(flamy_1.gif);background-size:62.5% 100%;background-repeat:no-repeat;width:.75vw;-webkit-border-radius:var(--radius);border-radius:var(--radius);opacity:1}
/* ::-webkit-scrollbar:hover{width:.5vw;opacity:1} */
::-webkit-scrollbar-thumb{background:url(gem.gif);background-size:cover;width:.75vw;height:7.5vw;-webkit-border-radius:2vw;border-radius:2vw;-webkit-box-shadow:inset 0 0 .375vw rgba(241,90,34,0),0 0 .625vw rgba(241,90,34,0);box-shadow:inset 0 0 .375vw rgba(241,90,34,0),0 0 .625vw rgba(241,90,34,0)}
::-webkit-scrollbar-thumb:hover{-webkit-box-shadow:inset 0 0 .375vw rgba(241,90,34,1),0 0 .625vw rgba(241,90,34,1);box-shadow:inset 0 0 .375vw rgba(241,90,34,1),0 0 .625vw rgba(241,90,34,1)}

*{margin:0 auto}

body{overflow-x:hidden;background:#000;width:100%;height:auto}

.extras{padding:0;list-style:none;height:100%}

.scrollbarAdd{background:#000;background-size:cover;background-repeat:no-repeat}

#main1,#main2,#main3,#main4,#main5,.sticky1,.sticky2,.sticky3,.sticky4,.sticky5{--tran:transform 2s cubic-bezier(1,0,.535,2),opacity 1s cubic-bezier(1,0,.535,2)}
#main1,#main2,#main3,#main4,#main5{width:100vw;height:auto;opacity:var(--opS,0)}
#main1{top:-8vh;z-index:1}
#main2{top:-10vh;z-index:1}
#main3{top:-12vh;z-index:1} /* INVISIBLE TOPSIDE BCKGROUNDS */
#main4{top:-23vh;z-index:1}
#main5{top:-19vh;z-index:1}

.sticky1,.sticky2,.sticky3,.sticky4,.sticky5{--nLab:translate3d(calc(var(--mL,7.75)*1vw),calc(var(--stickyMargin,6)*1vh),0);--tran:transform 1s calc(var(--tDel,0)*1s) cubic-bezier(1,0,.535,2),opacity 1s calc(var(--tDel,0)*1s) cubic-bezier(1,0,.535,2);--opS:1;z-index:1}
.sticky2{--stickyMargin:.75}
.sticky3{--stickyMargin:.5} /* REDS */
.sticky4{--stickyMargin:25}
.sticky5{--stickyMargin:22}

#main1 a,#main2 a,#main3 a,#main4 a,#main5 a{background-color:var(--bC,none);width:16.6vw;height:7.25vw;opacity:var(--opS,0)}

#main1:hover a{--tran:transform .5s cubic-bezier(1,0,.535,2);background-color:none}
#main2:hover a{background-color:lime}
#main3:hover a{background-color:purple}
#main4:hover a{background-color:orange}
#main5:hover a{background-color:lightyellow}
#main1:hover a,#main2:hover a,#main3:hover a{color:black}

.main1,.main2,.main3,.main4,.main5{background:var(--MbC,none);width:100vw;height:9.15vh;opacity:1}
.main1{top:0;z-index:8}
.main2{top:128vh;z-index:9} /* GREENS CONTAINERS invis */
.main3{top:250vh;z-index:6}
.main4{top:380vh;z-index:6}
.main5{top:545vh;z-index:5}

.main1 a,.main2 a,.main3 a,.main4 a,.main5 a{--nLab:translate3d(calc(var(--CmL,2.5)*1vw),0,0);
	background-color:var(--bC);width:16.6vw;height:7.25vh;left:0;padding:1vw 1vw}

.main1 a{top:2.15vh}
.main2 a{top:-2vh}
.main3 a{top:-2vh}/* GREENS */
.main4 a{top:-2vh}
.main5 a{top:-4vh}

.fire{top:-4vw;left:calc(var(--main1L)*1vw);width:20vw;height:16vw}
.fBall{--anim:rise 1s calc(var(--aDel)*1s) ease-in infinite;background-image:url(fBall_1.png);background-size:cover;left:calc((100% - 7.5vw)*var(--left,0));border-radius:50%;mix-blend-mode:screen;bottom:0;width:7.5vw;height:7.5vw;opacity:0}
@-webkit-keyframes rise{from{opacity:0;-webkit-transform:translate3d(0,0,0)scale(1)}25%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-15vw,0)scale(0)}}@-moz-keyframes rise{from{opacity:0;-moz-transform:translate3d(0,0,0)scale(1)}25%{opacity:1}to{opacity:0;-moz-transform:translate3d(0,-15vw,0)scale(0)}}@-ms-keyframes rise{from{opacity:0;-ms-transform:translate3d(0,0,0)scale(1)}25%{opacity:1}to{opacity:0;-ms-transform:translate3d(0,-15vw,0)scale(0)}}@-o-keyframes rise{from{opacity:0;-o-transform:translate3d(0,0,0)scale(1)}25%{opacity:1}to{opacity:0;-o-transform:translate3d(0,-15vw,0)scale(0)}}@keyframes rise{from{opacity:0;transform:translate3d(0,0,0)scale(1)}25%{opacity:1}to{opacity:0;transform:translate3d(0,-15vw,0)scale(0)}}.sticky1,.sticky2,.sticky3,.sticky4,.sticky5{top:-4vw;width:100vw;opacity:1}

.vis{--stickyPacity:.75}
.dark{opacity:0}

.undercontent{--nLab:translate3d(0,0,0);--tran:1s;background:#000;top:0;width:100vw;height:100vh;padding-top:10vw;color:red;z-index:1}
.undercontent h3,.undercontent p{padding:0 2vw 0 4.1vw}
.undercontent h3{padding-left:3vw;color:green}
.undercontent > div{--tO:50% 50%;width:100vw;height:100vh}
/* .undercontent:nth-of-type(5) > div{--tO:50% 50%;width:100vw;height:102vh} */
.undercontent > div img{background:url(red.jpg);background-size:cover;width:100%;height:100%}/* bgblack.png */

.sticky1 ~ .undercontent,.sticky2 ~ .undercontent,.sticky3 ~ .undercontent,.sticky4 ~ .undercontent,
	.sticky5 ~ .undercontent{color:var(--col)}
.sticky1 ~ .undercontent h3,.sticky2 ~ .undercontent h3,.sticky3 ~ .undercontent h3,.sticky4 ~ .undercontent h3,
	.sticky5 ~ .undercontent h3{padding-top:calc(var(--stickyFix,0)*1vh)}

@-webkit-keyframes sClose{from{opacity:1}to{opacity:0}}@-moz-keyframes sClose{from{opacity:1}to{opacity:0}}@-ms-keyframes sClose{from{opacity:1}to{opacity:0}}@-o-keyframes sClose{from{opacity:1}to{opacity:0}}@keyframes sClose{from{opacity:1}to{opacity:0}}
@-webkit-keyframes sOpen{from{opacity:0}to{opacity:1}}@-moz-keyframes sOpen{from{opacity:0}to{opacity:1}}@-ms-keyframes sOpen{from{opacity:0}to{opacity:1}}@-o-keyframes sOpen{from{opacity:0}to{opacity:1}}@keyframes sOpen{from{opacity:0}to{opacity:1}}

#bubbs{--nLab:translate3d(40vw,25vw,0)}
#bubbs li{--tran:background 1s,box-shadow 1s;list-style:none;background:rgba(211,211,211,1);box-shadow:0 0 0 .4vw rgba(0,255,0,0),0 0 0 .4vw rgba(0,255,0,0);width:1.6vw;height:1.6vw;margin:0 1.6vw;border-radius:50%;cursor:pointer}
#bubbs li:hover{background:rgba(211,211,211,0);box-shadow:0 0 0 .4vw rgba(0,255,0,.125),0 0 0 .4vw rgba(0,255,0,.75)}

#bubbs li .bAds{--tran:transform 500ms,opacity 500ms;--nLab:translate3d(-50%,-5vw,0);background:#fff;width:33vw;bottom:4.6vw;padding:1.6vw;border-radius:3vw;opacity:0}
#bubbs li:hover .bAds{--tran:transform 1s,opacity 1s;--nLab:translate3d(-16.5vw,2vw,0);opacity:1;pointer-events:all}

#bubbs li .bAds::before{--nLab:rotate(45deg);background:#fff;width:2.5vw;height:2.5vw;bottom:-1.2vw;left:16.1vw}