@font-face{font-family:Pixel Sans Serif;src:url(../media/Pixel-Sans-Serif.2bt27jrjdwzdg.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Blockstepped;src:url(../media/Blockstepped.2uv54ealiqrje.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Quicksand;src:url(../media/Quicksand-Light.0gwhbs3k2kik2.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}
*{box-sizing:border-box;margin:0;padding:0}#root{height:100%}body{color:#fff;background-color:#000;width:100%;height:100%}
.preloader{z-index:2147483647;background:#000;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;overflow:hidden}.preLoaderTxt{z-index:10;color:green;pointer-events:none;justify-content:center;align-items:center;gap:1vw;width:100%;height:100%;font-family:sans-serif;font-size:2vw;font-weight:700;display:flex;position:relative}.preLoaderTxt p:last-child{right:41%}.preLoaderTxt p:first-child{left:41%}.preLoaderTxt p{mix-blend-mode:difference;position:absolute}.preloader img{object-fit:cover;width:15vw;height:20vw;position:absolute;bottom:12vw;right:2vw}
.navbar{z-index:999;pointer-events:none;justify-content:center;align-items:center;width:100%;padding:2rem 0;display:flex;position:fixed}.navbar button{pointer-events:all;color:#0f0;cursor:pointer;z-index:9999;letter-spacing:2px;background:#00500066;border:1px solid #00ff00bf;width:6rem;height:2.5rem;font-family:Pixel Sans Serif;font-size:12px;font-weight:100;position:absolute;top:40px}.parentNavItem{z-index:999;background:#0009;justify-content:center;align-items:center;width:100%;height:100vh;transition:all 1s cubic-bezier(.87,0,.13,1);display:flex;position:fixed;top:0}.navItem{z-index:9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:2;pointer-events:all;background:0 0;position:absolute;top:32px;overflow:hidden}.navItems{flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;height:100%;display:flex}.navItemsChild{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.navItemsChild a{color:#0f0;white-space:nowrap;height:5rem;font-family:Pixel Sans Serif;font-size:3rem;text-decoration:none;overflow:hidden}.nakibIqbal{background-position:0 25%;background-repeat:no-repeat;background-size:cover;width:25rem;height:18rem}@media (max-width:1538px){.navItemsChild a{height:4rem;font-size:2.2rem}.navbar{justify-content:flex-end}.navbar button{width:5rem;height:2rem;font-size:10px;top:29px;right:22px}.navItem{top:20px;right:14px}.navItems{justify-content:space-around;gap:0}.navItemsChild a{height:6vh;font-size:4vh;color:#0f0!important}}@media (max-width:500px){.nakibIqbal{width:80vw;height:58vw}}
#section5{width:100%;height:130vh;position:relative;overflow:hidden}.sec5Wrapper{color:green;justify-content:center;align-items:center;width:100%;height:100%;font-family:Pixel Sans Serif;font-size:16px;display:flex;position:relative;overflow:hidden}.mainTextVariant{z-index:1;flex-direction:column;justify-content:center;align-items:flex-start;height:12rem;display:flex;position:absolute}.mainTextVariant p{mix-blend-mode:difference}.one{width:22rem;top:0;left:2vw}.two{width:23rem;bottom:10vh;left:5vw}.three{width:25rem;top:45vh;right:10vw}.four{width:26rem;bottom:0;right:2vw}.five{width:25rem;top:55vh;left:10vw}.six{width:25rem;top:10vh;right:0}.seven{width:26rem;top:15vh;left:30vw}.eight{width:25rem;bottom:15vh;right:30vw}.forText{flex-wrap:wrap;width:100%;height:1.3rem;display:flex}.skillIcons{z-index:99;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.skillIcons p{color:#0f0;mix-blend-mode:difference;flex-direction:column;justify-content:center;align-items:center;font-size:6rem;display:flex}.skillIcons p span{font-size:1rem;font-weight:700}.imgBgTwoParent{position:absolute;top:-5rem;right:-13rem}img.bgImgTwo{pointer-events:none;filter:blur(5px);width:46rem}@media (min-width:1920px){img.bgImgTwo{width:45vw}.imgBgTwoParent{position:absolute;top:31%;right:-34%;transform:translate(-50%,-50%)}}@media (max-width:1500px){.sec5Wrapper{font-size:1.2vw}.mainTextVariant{height:27vh;width:27vw!important}.forText{height:1.6vw}}@media (max-width:1000px){.sec5Wrapper{font-size:1.8vw}.mainTextVariant{width:38vw!important}.forText{height:2.5vw}.one{top:0;left:2vw}.two{bottom:0;left:5vw}.three{top:60vh;right:-15vw}.four{bottom:10vh;right:0}.five{top:45vh;left:1vw}.six{top:15vh;right:0}.seven{top:20vh;left:22vw}.eight{bottom:30vh;right:45vw}.imgBgTwoParent{top:-3rem;right:-12rem}img.bgImgTwo{width:45rem}}@media (max-width:500px){#section5{height:1000px}.sec5Wrapper{font-size:12px}.mainTextVariant{height:10rem;width:18rem!important}.forText{height:1rem}.one{top:0;left:0}.three{bottom:13rem;left:0;top:auto!important}.four{bottom:3rem;right:-20vw}.five{top:18rem;left:10vw}.six{top:8rem;right:-30vw}.seven,.eight,.two{display:none}.skillIcons{transform:translateY(3rem)}}
.variant1{position:relative}
.variant2{position:relative}
.variant3{position:relative}
.variant4{position:relative}
.variant5{position:relative}
.variant6{width:auto;position:relative;overflow:hidden}.variant6 p{color:green;white-space:nowrap;background:0 0;margin:0;padding:0;line-height:22px}@media (max-width:1500px){.variant6 p{line-height:1.7vw}}@media (max-width:1000px){.variant6 p{line-height:2.3vw}}@media (max-width:500px){.variant6 p{line-height:16px}}
.variant7{position:relative}.scrambleVarian{width:auto;overflow:hidden}.variant7 p{color:green;white-space:nowrap;background:0 0;margin:0;padding:0;line-height:22px}@media (max-width:1500px){.variant7 p{line-height:1.7vw}}@media (max-width:1000px){.variant7 p{line-height:2.3vw}}@media (max-width:500px){.variant7 p{line-height:16px}}
section#section6{flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;height:1000px;padding:1rem;display:flex;position:relative}.cardContainer{z-index:9;flex-wrap:wrap;place-content:center;align-items:center;gap:10px;width:80rem;height:60%;display:flex}.creative-tilt-card{background:#000;justify-content:center;align-items:center;width:26rem;height:17rem;display:flex;overflow:hidden}.card-content{border:1px solid green;flex-direction:column;justify-content:center;align-items:flex-start;gap:1rem;width:100%;height:100%;padding:2rem;transition:all 2s ease-out;display:flex}.card-content:hover{border:1px solid #0000}.card-content h2{font-family:Pixel Sans Serif;font-size:22px;font-weight:lighter}.card-content p{color:#bbb;font-family:sans-serif;font-size:20px;font-weight:100;line-height:22px}.shadow{filter:blur(7rem);pointer-events:none;opacity:1;background:#0f0;border-radius:50%;width:9rem;height:9rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bgImgParent{z-index:0;filter:blur(5px);width:100%;position:relative}img.bgOne{pointer-events:none;will-change:transform;mix-blend-mode:difference;width:40rem;animation:20s linear infinite bgOne;position:absolute;top:-5%;left:15%;transform:translate(-50%,-50%)}@keyframes bgOne{0%{filter:hue-rotate(200deg)}50%{filter:hue-rotate(300deg)}to{filter:hue-rotate(200deg)}}@media (min-width:1920px){img.bgOne{width:35vw}}@media (max-width:1440px){section#section6{height:100%}.cardContainer{width:90%;padding:0}}@media (max-width:768px){.cardContainer{justify-content:center;width:100%}}@media (max-width:500px){.cardContainer{width:100%;padding:0}.creative-tilt-card{width:100%;height:100%}.card-content h2{font-size:20px}.card-content p{font-size:18px}img.bgOne{left:-10%}}
.parentBG{pointer-events:none;mix-blend-mode:difference;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#005000;width:40rem;height:30rem;position:fixed}.galleryContainer{pointer-events:none;justify-content:center;align-items:center;width:35rem;height:18rem;display:flex;position:fixed;overflow:hidden}.gallerySlider{width:100%;height:100%;transition:all .8s cubic-bezier(.87,0,.13,1);position:absolute}.galleryImages{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.galleryImages img{object-fit:cover;width:100%;height:100%}.viewCursorBG,.viewCursorTxt{color:#000;pointer-events:none;background:green;justify-content:center;align-items:center;width:100px;height:70px;font-family:Pixel Sans Serif;font-size:18px;text-decoration:none;display:flex;position:fixed;transform:translate(-50%,-50%)}.viewCursorTxt{mix-blend-mode:normal;background:0 0}@media (max-width:982px){.parentBG,.galleryContainer,.viewCursorBG,.viewCursorTxt{display:none}}
.sec3Wrapper{cursor:pointer;mix-blend-mode:difference;justify-content:space-between;align-items:center;width:100%;height:60px;text-decoration:none;transition:all .8s cubic-bezier(.87,0,.13,1);display:flex;position:relative;overflow:hidden}.sec3Wrapper:after{content:"";transform-origin:0;background:#0f0;width:100%;height:1px;transition:all .8s cubic-bezier(.87,0,.13,1);position:absolute;bottom:0;transform:scaleX(0)}.scaleX{transform-origin:0;background:#007b00;width:100%;height:1px;position:absolute;bottom:0}.FlipTextChild{flex-direction:column;justify-content:center;height:100%;transition:all .8s cubic-bezier(.87,0,.13,1);display:flex;transform:translate(0)}.sec3Wrapper:hover .FlipTextChild{transform:translate(50px)}.sec3Wrapper:hover .FlipTextChild h2:after,.sec3Wrapper:hover:after{transform:scaleX(1)}.FlipTextChild h2{color:green;font-family:Pixel Sans Serif;font-size:20px;font-weight:100;position:relative}.FlipTextChild h2:after{content:"";transform-origin:100%;mix-blend-mode:difference;background:green;width:100%;height:100%;transition:all .8s cubic-bezier(.87,0,.13,1);position:absolute;right:0;transform:scaleX(0)}.FlipTextChild img,.viewBtn{display:none}@media (max-width:982px){.sec3Wrapper{mix-blend-mode:normal;height:auto}.FlipTextChild{justify-content:center;align-items:center;gap:10px;width:100%;height:100%;padding-bottom:10px;transition:all .8s cubic-bezier(.87,0,.13,1);transform:translate(0)}.FlipTextChild h2{color:#0f0}.FlipTextChild img{object-fit:contain;width:100%;height:17rem;display:inline-block}.viewBtn{background:0 0;justify-content:center;align-items:center;width:100%;display:flex;position:relative;transform:none}.viewBtn span{color:#000;background:#0f0;padding:1rem;text-decoration:none}.sec3Wrapper:hover .FlipTextChild{transform:none!important}.FlipTextChild h2:after,.sec3Wrapper:after{display:none}}@media (max-width:500px){.FlipTextChild{align-items:flex-start}.FlipTextChild h2{font-size:18px}.FlipTextChild img{height:15rem}.viewBtn{justify-content:flex-end}}
#image_reveal{flex-direction:column;justify-content:center;align-items:center;width:100%;height:900px;display:flex;position:relative;overflow:hidden}.section3Content{flex-direction:column;justify-content:center;align-items:center;width:90%;height:100%;padding:1rem;list-style:none;display:flex;position:relative;overflow:visible}.imgBgThreeParent{pointer-events:none;position:absolute;top:-20rem;right:-7rem}img.bgImgThree{width:40rem}.imgBgFourParent{position:absolute;bottom:-5rem;left:-21rem}.imgBgFourParent img{width:40rem}@media (max-width:1200px){.section3Content{width:100%}}@media (max-width:982px){#image_reveal{height:300rem;padding:10rem 0}.section3Content{gap:50px}.imgBgThreeParent{top:-15rem;right:-7rem}img.bgImgThree{width:30rem}.imgBgFourParent{left:-20rem}}@media (max-width:500px){#image_reveal{height:100%}.section3Content{gap:10px}}
.section2{justify-content:center;align-items:center;width:100%;height:20rem;display:flex}.textBGwrapper{display:flex;overflow:hidden}.textBGwrapper h1{color:#00c500;text-shadow:-30px -30px 19px #025802;width:325rem;font-family:Blockstepped;font-size:11rem;font-weight:100;animation:20s linear infinite animate}@keyframes animate{0%{transform:translate(0%)}to{transform:translate(-100%)}}.span{color:#fff;-webkit-text-stroke:5px green;font-family:Blockstepped}
.parentImgDiv{will-change:transform;width:100%;height:100%;transform-style:preserve-3d;perspective:100px;perspective-origin:0;position:absolute;top:0}.childImgDiv{will-change:transform;width:100%;height:100%;transform-style:preserve-3d;justify-content:center;align-items:center;display:flex;position:absolute;top:0}.imagesSize{will-change:transform;width:25vw;height:35vh;transform-style:preserve-3d;padding:10px 0;position:absolute}.imageWrapper img{object-fit:contain;width:100%;height:100%;transform-style:preserve-3d}.imagesSize.class1{top:0;left:0}.imagesSize.class2{top:0;right:0}.imagesSize.class3{bottom:0;left:0}.imagesSize.class4{bottom:20vh;right:15vw}.imagesSize.class5{top:25vh;left:10vw}.imagesSize.class6{bottom:30vh;right:10vw}.imagesSize.class7{top:45vh;left:20vw}.imagesSize.class8{bottom:0;right:0}.imagesSize.class9{top:5vh;left:27vw}.imagesSize.class10{bottom:5vh;right:25vw}.imagesSize.class11{top:30vh;right:0}.imagesSize.class12{bottom:5vh;left:15vw}.imagesSize.class13{top:8vh;right:10vw}.imagesSize.class14{top:60vh;left:25vw}.imagesSize.class15{top:10vh;right:18vw}.imagesSize.class16{top:20vh;left:5vw}.imagesSize.class17{bottom:0;right:15vw}.imagesSize.class18{top:5vh;left:17vw}.imagesSize.class19{bottom:28vh;right:14vw}.imagesSize.class20{bottom:0;left:14vw}.imagesSize.class21{top:40vh;right:10vw}.imagesSize.class22{top:30vh;left:15vw}.imagesSize.class23{top:0;left:40vw}.imagesSize.class24{top:35vh;right:15vw}.imagesSize.class25{bottom:-5vh;left:10vw}@media (max-width:500px){.imagesSize{width:35vw}}
#section4{width:100%;height:350vh;position:relative}.imageWrapper{justify-content:center;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.texts{mix-blend-mode:difference;justify-content:center;align-items:center;width:50vw;height:100%;margin:auto;display:flex}.texts p{color:#fff;font-family:sans-serif;font-size:1.6vw;font-weight:100}@media (max-width:1300px){.texts{width:80%}.texts p{font-size:3.5vh}}@media (max-width:900px){.texts{width:90%}.texts p{font-size:2.9vh}}@media (max-width:500px){#section4{height:400vh}.texts{width:90%}.texts p{font-size:2.3vh}}
#section7{justify-content:center;align-items:center;width:100%;padding-bottom:5rem;display:flex}.profilePic{width:30em;height:25rem;position:relative;overflow:hidden}.profilePic img{object-fit:cover;object-position:0% 12%}@media (max-width:520px){.profilePic{width:90%;height:18rem}}
#ContactSection{text-align:center;color:#d9d9d9;border-top:1px solid #fff;flex-direction:column;justify-content:space-between;align-items:center;height:40rem;padding:5rem 1rem;display:flex;position:relative;overflow:hidden}.contactMe{z-index:9;flex-direction:column;justify-content:center;align-items:center;gap:2rem;display:flex}.CLinks{flex-direction:column;justify-content:center;align-items:center;gap:5.5rem;width:100%;display:flex;position:relative}.mail{flex-direction:column;justify-content:center;align-items:flex-start;width:30rem;height:3rem;font-family:Quicksand,sans-serif;display:flex}.mail a{color:#d9d9d9;width:100%;height:100%;font-size:36px;text-decoration:none;transition:all .6s cubic-bezier(.87,0,.13,1);position:relative;overflow:hidden}.mail a:before{content:"";transform-origin:50%;mix-blend-mode:difference;background:#fff;border-radius:2rem;width:100%;height:5%;transition:all .6s cubic-bezier(.87,0,.13,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}.mail a:hover:before{transform:scaleX(1)}.contactIcons{justify-content:center;align-items:center;gap:1rem;width:100%;display:flex}.Icons{position:relative}.Icons:after{content:"";pointer-events:none;z-index:9;background:#d9d9d9;border-radius:0;width:4rem;height:4rem;transition:transform .3s,border-radius .3s;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)scale(0)rotate(0)}.Icons:hover:after{border-radius:5rem;transform:translate(-50%,-50%)scale(1)rotate(180deg)}.Icons:hover a{color:#000}.Icons a{cursor:pointer;z-index:99;color:#fff;padding:2rem;font-size:3rem;transition:all .3s;position:relative}.islamicQuote{z-index:9;position:relative}.islamicQuote p,i{font-family:Quicksand,sans-serif;font-size:22px}section#ContactSection h1{z-index:9;font-family:Quicksand,sans-serif;font-size:22px;font-weight:900;position:relative}.background{pointer-events:none;z-index:0;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;bottom:50%;left:50%;transform:translate(-50%,50%)}.openToWork{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000006b;border:1px solid #ffffff78;border-radius:5rem;justify-content:center;align-items:center;gap:10px;width:10.8rem;height:34px;display:flex}.openToWork span{background:#0f0;border-radius:50%;width:.8rem;height:.8rem;display:block}.openToWork p{letter-spacing:2px;word-spacing:-2px;font-family:Pixel Sans Serif;font-size:10px;font-weight:100}@media (max-width:500px){.islamicQuote p,i{font-size:18px}.mail{width:20rem;height:2rem}.mail a{font-size:24px}}