*html #back{position: absolute;}
                         *html .pbx{position: absolute;}

                              .boxd{
                                   position: fixed;
                                   top: 25%;
                                   left: 25%;
                                   width: 100%;
                                   height: 100%;
                                   display: none;
                                   z-index: 99999;}
                              
                              .case,  .moch{
                                   position: fixed;
                                   bottom: 0%;
                                   left: 0%;
                                   width: 100%;
                                   height: 100%;
                                   margin: 0 auto;
                                   padding: 25px;
                                   background-image: url('https://i.ibb.co/TB8xD4YX/stardust.png'); 
                                   background-position: center; 
                                   background-repeat: repeat;
                                   display: block;
                                   clear: both;}

                              .moch{background-color: var(--nte);}
                              .case{background-color: var(--gar);}

                              .case .sect, .moch .sect{
                                   position: relative;
                                   top: 25px;
                                   left: 0px;
                                   width: 700px;
                                   height: auto;
                                   margin: 0 auto;
                                   display: block;}
                              
                              .term, .ends{
                                   position: relative;
                                   top: 0px; 
                                   left: 0;
                                   float: right;
                                   width: 40px;
                                   height: 40px;
                                   color: var(--ebn);
                                   font: 12pt var(--pop);
                                   text-align: center;
                                   text-transform: uppercase;
                                   font-weight: 700;
                                   letter-spacing: 1px;
                                   margin: 0 0 25px;
                                   padding: 10px 0px 10px 3px;
                                   display: inline-block;
                                   border-radius: 80%;}

                              .term span{
                                   color: var(--sge); 
                                   transition: all 0.7s ease-in-out; 
                                   -webkit-transition: all 0.7s ease-in-out; 
                                   -moz-transition: all 0.7s ease-in-out;}

                              .ends span{
                                   color: var(--ebn); 
                                   transition: all 0.7s ease-in-out; 
                                   -webkit-transition: all 0.7s ease-in-out; 
                                   -moz-transition: all 0.7s ease-in-out; opacity: 1;}

                              .term span:hover{
                                   color: rgb(from var(--sea) r g b / 50%);
                                   transition: all 0.7s ease-in-out; 
                                   -webkit-transition: all 0.7s ease-in-out; 
                                   -moz-transition: all 0.7s ease-in-out;}

                              .ends span:hover{
                                   color: var(--sge);
                                   transition: all 0.7s ease-in-out; 
                                   -webkit-transition: all 0.7s ease-in-out; 
                                   -moz-transition: all 0.7s ease-in-out;}

                              .chro{
                                   position: relative;
                                   overflow: hidden; 
                                   width: 700px;
                                   height: 550px;
                                   margin: 0 auto; 
                                   padding: 0;
                                   display: block;
                                   clear: both;}

                              #abts{
                                   float: left;
                                   overflow: hidden;
                                   width: 250px;
                                   height: 350px;
                                   margin: 0 25px 25px 0;
                                   padding: 25px;
                                   background-color: var(--jet);
                                   display: block;
                                   border-radius: 15px;}
                                   
                                   #abts > .labl{
                                        width: 200px;
                                        height: auto;
                                        margin: 0 auto 10px;
                                        display: block;}

                                        labs{
                                             min-width: 75px;
                                             height: 30px;
                                             color: var(--sge);
                                             font: 8.5pt var(--pop);
                                             line-height: 1.5;
                                             font-weight: 500;  
                                             text-align: center;
                                             text-transform: lowercase; 
                                             margin: 0 0 20px;
                                             padding: 8px 10px 10px;
                                             background-color: var(--nte);
                                             display: inline-block;
                                             rotate: -5deg;}

                                        .labl > span.ansr{
                                             color: rgb(from var(--sea) r g b / 50%);
                                             font: 8.5pt var(--pop);
                                             line-height: 1.5;
                                             text-transform: lowercase;
                                             font-weight: 500px;
                                             margin: 0 0 0 10px;
                                             padding: 0 5px 5px; 
                                             display: inline-block;
                                             border-bottom: 1px dashed var(--ebn);}

                                   #abts > .quot{
                                        float: left;
                                        overflow: hidden;
                                        width: 110px;
                                        color: rgb(from var(--sge) r g b / 70%);
                                        font: 9pt var(--dom);
                                        line-height: 1;
                                        text-align: center;
                                        text-transform: lowercase;
                                        font-style: italic;
                                        margin: 0 auto 0 10px;
                                        display: inline-block;}

                                        #abts > .quot > b{color: var(--ebn);}
                                   
                                   #abts > .icon{
                                        float: right;
                                        overflow: hidden;
                                        width: 60px;
                                        height: 60px;
                                        display: inline-block;
                                        border: 5px solid var(--nte);
                                        border-radius: 80%;}

                                        #abts > .icon > img.gifd{
                                             position: relative;
                                             top: -15px;
                                             left: -25px;
                                             width: 100px;
                                             display: block;}

                              #proj{
                                   float: right;
                                   overflow: hidden;
                                   width: 400px;
                                   height: 350px;
                                   margin: 0 25px 0 0;
                                   padding: 25px;
                                   background-color: var(--jet);
                                   display: block;
                                   border-radius: 15px;}
                                   
                                   #proj > .labl{
                                        width: 320px;
                                        height: auto;
                                        margin: 0 auto 10px;
                                        display: block;}

                                   #proj > .text{
                                        color: rgb(from var(--sge) r g b / 50%);
                                        font: 7.5pt var(--pop);
                                        font-weight: 500;
                                        line-height: 1.5;
                                        text-align: right;
                                        text-transform: lowercase;}

                                        #proj > .text > b{color: rgb(from var(--sea) r g b / 50%); font-weight: 300;}

                                   @keyframes opaqTransition{
                                        3% { transform: translateX(0);}
                                        25% { transform: translateX(0);}
                                        28% { transform: translateX(-700px);}
                                        100% { transform: translateX(-700px);}}

                                   .slid{
                                        position: relative;
                                        width: 300px;
                                        height: 200px;
                                        overflow: hidden;
                                        margin: 0 auto 25px;}

                                        .slid::after{
                                             position: absolute;
                                             left: 0;
                                             top: 0;
                                             width: 100%;
                                             height: 100%;
                                             background-color: rgb(from var(--nte) r g b / 50%);
                                             display: block;
                                             z-index: 900;
                                             content: '';
                                             transition: all 0.7s ease-in-out; 
                                             -webkit-transition: all 0.7s ease-in-out; 
                                             -moz-transition: all 0.7s ease-in-out;}

                                        .slid:hover::after{
                                             position: absolute;
                                             left: 0;
                                             top: 0;
                                             width: 100%;
                                             height: 100%;
                                             background-color: rgb(from var(--nte) r g b / 25%);
                                             display: block;
                                             z-index: 900;
                                             content: '';
                                             transition: all 0.7s ease-in-out; 
                                             -webkit-transition: all 0.7s ease-in-out; 
                                             -moz-transition: all 0.7s ease-in-out;}

                                        .caro {
                                             position: absolute;
                                             top: 0;
                                             left: 0;
                                             width: 100%;
                                             height: 100%;
                                             align-items: center;
                                             display: flex;
                                             z-index: 9;
                                             transform: translateX( 700px );
                                             animation: opaqTransition 28s cubic-bezier(0, 0, 0, 0.97) infinite;}

                                        .caro img{position: relative; left: -100px; width: 500px;}

                                        .caro.caro-two {
                                             z-index: 8;
                                             animation-delay: 7s;}

                                        .caro.caro-three {
                                             z-index: 7;
                                             animation-delay: 14s;}

                                        .caro.caro-four{
                                             z-index: 6;
                                             animation-delay: 21s;}

                                        .caro.caro-five{
                                             z-index: 5;
                                             animation-delay: 28s;}

                              #socm{
                                   float: left;
                                   overflow: hidden;
                                   width: 250px;
                                   height: 90px;
                                   margin: 0 25px 0 0;
                                   padding: 30px 20px 25px 25px;
                                   background-color: var(--jet);
                                   display: block;
                                   border-radius: 15px;
                                   clear: both;}

                                   #socm a, #socm a:active, #socm a:link, #socm a:visited{
                                        overflow: hidden;
                                        width: 35px;
                                        height: 30px;
                                        color: rgb(from var(--sge) r g b / 80%);
                                        font: 8.5pt var(--pop);
                                        line-height: 1.5; 
                                        font-weight: 500px;
                                        text-align: center;
                                        text-transform: lowercase;
                                        word-wrap: break-word;
                                        margin: 0 5px 0 0;
                                        padding: 10px 20px 25px 12px; 
                                        background-color: var(--nte);
                                        display: inline-block;
                                        border-radius: 80%;}

                                   #socm a:hover{
                                        color: var(--ebn);
                                        transition: all 0.7s ease-in-out; 
                                        -webkit-transition: all 0.7s ease-in-out; 
                                        -moz-transition: all 0.7s ease-in-out;}

                              #song{
                                   float: right;
                                   overflow: hidden;
                                   width: 400px;
                                   height: 90px;
                                   margin: 0 25px 0 0;
                                   padding: 25px;
                                   background-color: var(--jet);
                                   display: block;
                                   border-radius: 15px;}

                                   .dial {
                                        float: left;
                                        position: relative;
                                        overflow: hidden;                        
                                        width: 35px;
                                        height: 35px;
                                        margin: 1% 25px 0 0;
                                        background-color: var(--nte);
                                        display: block;
                                        border-radius: 80%;}

                                        .knob{
                                             position: relative;
                                             top: 12%; 
                                             left: 28%;
                                             display: inline-block;}

                                             .play:before {color: var(--sge); content:"⏵";}
                                             .halt:before {color: var(--ebn); content:"⏸";}

                                   #desc{
                                        float: left;
                                        overflow: hidden;
                                        width: 290px;
                                        height: 35px;
                                        margin: 3px 0 0;
                                        padding: 10px;
                                        background-color: var(--nte);
                                        display: inline-block;}

                                        .nomb{
                                             color: rgb(from var(--sea) r g b / 50%);
                                             font: 7.5pt 'Poppins', Arial, sans-serif;
                                             font-weight: 500;
                                             letter-spacing: 1px;
                                             line-height: 1.5;
                                             text-align: center;
                                             text-transform: uppercase;
                                             display: block;}

                                        .nomb a, .nomb a:active, .nomb a:link, .nomb a:visited{
                                             color: rgb(from var(--sge) r g b / 80%);;
                                             text-decoration: none;
                                             transition: all 0.7s ease-in-out;
                                             -webkit-transition: all 0.7s ease-in-out;
                                             -moz-transition: all 0.7s ease-in-out;}

                                        .nomb a:hover{
                                             color:var(--ebn);
                                             transition: all 0.7s ease-in-out;
                                             -webkit-transition: all 0.7s ease-in-out;
                                             -moz-transition: all 0.7s ease-in-out;}


                              .gflt{
                                   float: left;
                                   overflow: hidden;
                                   width: 160px;
                                   height: 335px;
                                   margin: 0 25px 25px;
                                   padding: 25px 25px 25px 25px;
                                   background-color: var(--sge);
                                   display: block;
                                   border-radius: 15px;}

                                   .gtab{
                                        overflow: hidden;
                                        width: 295px;
                                        font: 7.5pt var(--pop);
                                        font-weight: 700;
                                        margin: 0;
                                        display: block;
                                        rotate: -2deg;}

                                        .gtab a, .gtab a:active, .gtab a:link, .gtab a:visited{
                                             overflow:hidden;
                                             width: 100px;
                                             height: 55px;
                                             color: rgb(from var(--ebn) r g b / 60%);
                                             padding: 25px;
                                             display: block;
                                             border-bottom: 1px dashed var(--ebn);
                                             transition: all 0.7s ease-in-out; 
                                             -webkit-transition: all 0.7s ease-in-out; 
                                             -moz-transition: all 0.7s ease-in-out;}

                                        .gtab a:hover{
                                             color: var(--gar);
                                             transition: all 0.7s ease-in-out; 
                                             -webkit-transition: all 0.7s ease-in-out; 
                                             -moz-transition: all 0.7s ease-in-out;}

                              .ghld{
                                   float: left;
                                   overflow: hidden;
                                   width: 450px;
                                   height: 335px;
                                   padding: 25px 15px 25px 25px;
                                   background-color: var(--ebn);
                                   display: inline-block;
                                   border: 25px solid var(--sge);
                                   border-radius: 15px;}

                                   .gbox{
                                        overflow: auto;
                                        height: 235px; 
                                        color: rgb(from var(--sea) r g b / 38%);
                                        font: 8pt var(--pop);
                                        font-weight: 500;
                                        display: block;}

                                   .gbox::-webkit-scrollbar{
                                        width: 10px;
                                        height: 10px;
                                        background-color: var(--ebn);}
           
                                   .gbox::-webkit-scrollbar-track {
                                        border: 5px solid var(--ebn);
                                        background-color: var(--ebn);}
           
                                   .gbox::-webkit-scrollbar-thumb {
                                        min-height: 15px;
                                        min-width: 15px;
                                        background-clip: padding-box;
                                        background-color: var(--ebn);
                                        border: 5px solid var(--ebn);
                                        border-top: 5px;
                                        border-bottom: 8px;}
           
                                   .gbox::-webkit-scrollbar-button {
                                        width: 0;
                                        height: 0;}                                   

                                   .gbox b, .gbox em{color: var(--sge)}
                                   .gbox strong, .gbox i{color: var(--mos);}
                                   .gbox a, .gbox a:active, .gbox a:link, .gbox a:visited{color: var(--msg);}
                                   .gbox a:hover{color: var(--mos);}

                                        span.item{
                                             color: var(--nte);
                                             font: 8pt var(--pop);
                                             line-height: 1;
                                             text-align: left;
                                             font-weight: 500;
                                             text-transform: lowercase;
                                             word-wrap: break-word;
                                             margin-bottom: 10px;
                                             padding: 10px 15px 15px;
                                             display: block;
                                             border-bottom: 1px dashed var(--msg);}
                                                  
                                        span.item:last-child{margin-bottom: 0; padding-bottom: 0; border-bottom: 0;}

                                             .item strong, .item em{color: var(--mos);}

                                             .item a, .item a:active, .item a:link{
                                                  color: var(--msg);
                                                  text-decoration: none;
                                                  transition: all 0.5s ease-in-out;
                                                  -webkit-transition: all 0.7s ease-in-out;
                                                  -moz-transition: all 0.7s ease-in-out;}

                                             .item a:hover{
                                                  color: var(--sea);
                                                  transition: all 0.7s ease-in-out;
                                                  -webkit-transition: all 0.7s ease-in-out;
                                                  -moz-transition: all 0.7s ease-in-out;}


                         #back{
                              position: fixed;
                              top: 0;
                              left: 0;
                              width: 100%;
                              height: 100%;
                              background-color: var(--gar);
                              display: none;
                              opacity: 1;
                              z-index: 9999;}