@import url(https://fonts.googleapis.com/css2?family=Mulish:wght@400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Pacifico&display=swap);@import url(https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap);:root{--black:#000;--white:#fff;--bg-1:#021925;--bg-2:#053f5c;--bg-3:#010f17;--shadow:#010f17;--typing:#f7ad19;--text-1:#eaf2e3;--text-2:#f7ad19;--text-3:#128ea5;--text-head:#eb9f09;--font-regular:"Mulish",sans-serif;--font-head:"Kanit",sans-serif;--font-hero-1:"Poppins",sans-serif;--font-hero-2:"Fredoka One",cursive}body{background:#021925;background:var(--bg-1);color:#eaf2e3;color:var(--text-1);font-family:Mulish,sans-serif;font-family:var(--font-regular);margin:0;padding:0;scroll-behavior:smooth}::-webkit-scrollbar{background:#eaf2e3;background:var(--text-1);width:8px}::-webkit-scrollbar-thumb{background:#f7ad19;background:var(--text-2)}@media screen and (max-width:700px){::-webkit-scrollbar{width:0}}.footerContainer{padding:32px 0}.contactIconContainer{display:flex;gap:68px;justify-content:center;margin:20px 0}.contactIcons{color:var(--text-3);cursor:pointer;height:24px;width:24px}.contactIcons:hover{color:var(--text-2);transition:.4s}.footerText{color:var(--text-3);font-weight:800;gap:12px}.footerMadeWith,.footerText{align-items:center;display:flex;font-size:18px;justify-content:center}.footerMadeWith{font-weight:600;margin-bottom:18px}.footerIcon{margin-left:4px}.footerIcon,.love{height:30px;margin-right:4px;width:30px}.love{margin-left:6px}@media (max-width:700px){.footerContainer{padding:32px 12px;text-align:center}.footerMadeWith{flex-wrap:wrap;font-size:16px}.footerIcon,.love{height:30px;width:30px}}.navBarContainer{align-items:center;display:flex;justify-content:space-evenly;padding:8px 36px}.logoAnchor{text-decoration:none}.logoHead{border-bottom:2px solid var(--text-3);color:var(--text-2);font-weight:900;margin:0;padding:0}.linksContainer{align-items:center;display:flex;justify-content:space-between;list-style:none}.linkItem{font-weight:600;margin-right:48px}.linkAnchor{color:var(--text-3);cursor:pointer;padding:15px 12px;text-decoration:none;transition:.2s}.linkAnchor:hover{color:var(--text-2)}.activeLink{border-bottom:2px solid var(--white)}.themeBtn{background:transparent;border:0;border-radius:4px;color:var(--text-2);cursor:pointer;font-size:20px;outline:0;padding:10px 12px;transition:.3s}.themeBtn:hover{box-shadow:3px 3px 10px var(--shadow)}.themeLabel{display:none}.hamBurgerIcon{color:var(--text-3);cursor:pointer;display:none;height:25px;width:25px}.mobileNavBar{display:none;opacity:0}@media (max-width:700px){.logoAnchor{left:5%;position:absolute}.hamBurgerIcon{display:block;position:absolute;right:5%;transition:.5s}.activeLink{border:0;color:var(--text-2)}.linkItem{margin-right:0}.linkAnchor:hover{border-bottom:0;color:var(--white)}.linksContainer{background:var(--bg-3);border-radius:20px;flex-direction:column;gap:20px;opacity:0;padding:20px 15px;position:absolute;text-align:center;top:5%;transition:.5s;width:85%;z-index:1}.mobileNavBar{display:block;opacity:1;visibility:visible}.logoContainer{opacity:0;visibility:hidden}.mobileLogoContainer{opacity:1}.mobilelinksContainer{margin-left:18px;opacity:1;z-index:8}}.aboutContainer{line-height:35px;margin:40px 12%}.aboutPara{font-size:20px}.aboutEmph{color:var(--text-3);text-decoration:underline}.aboutSide{color:var(--text-2);font-style:italic;margin-bottom:8px}.aboutLine{border:1px solid var(--text-2);margin:28px 0}.aboutLink{color:var(--text-2);cursor:pointer;font-weight:800;text-decoration:underline}.aboutLink:hover{color:var(--text-1)}.fadeUp{-webkit-animation:fadeUpAn .5s ease-in 1 normal forwards;animation:fadeUpAn .5s ease-in 1 normal forwards;opacity:0}@-webkit-keyframes fadeUpAn{0%{opacity:0;-webkit-transform:translateY(8%);transform:translateY(8%)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes fadeUpAn{0%{opacity:0;-webkit-transform:translateY(8%);transform:translateY(8%)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}.fadeDown{-webkit-animation:fadeDownAn .5s ease-in 1 normal forwards;animation:fadeDownAn .5s ease-in 1 normal forwards;opacity:0}@-webkit-keyframes fadeDownAn{0%{opacity:0;-webkit-transform:translateY(-8%);transform:translateY(-8%)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes fadeDownAn{0%{opacity:0;-webkit-transform:translateY(-8%);transform:translateY(-8%)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}.fadeLeft{-webkit-animation:fadeLeftAn .5s ease-in 1 normal forwards;animation:fadeLeftAn .5s ease-in 1 normal forwards;opacity:0}@-webkit-keyframes fadeLeftAn{0%{opacity:0;-webkit-transform:translate(-6%);transform:translate(-6%)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes fadeLeftAn{0%{opacity:0;-webkit-transform:translate(-6%);transform:translate(-6%)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}.fadeRight{-webkit-animation:fadeRightAn .5s ease-in 1 normal forwards;animation:fadeRightAn .5s ease-in 1 normal forwards;opacity:0}@-webkit-keyframes fadeRightAn{0%{opacity:0;-webkit-transform:translate(6%);transform:translate(6%)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes fadeRightAn{0%{opacity:0;-webkit-transform:translate(6%);transform:translate(6%)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@media (max-width:700px){.aboutContainer{margin:80px 12%}}.artContainer{margin:40px 12%}.artLinks{align-items:center;display:flex;gap:32px;justify-content:center}.artHead{font-size:28px;font-weight:700;margin-bottom:8px;margin-top:35px;text-align:center}.artLink{align-items:center;color:var(--text-3);display:flex;gap:8px;text-decoration:none;transition:.3s}.artLink:hover{color:var(--text-2)}.artIcon{height:22px;width:22px}.fivIcon{height:40px;width:40px}.artImgContainer{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:24px}.artImg{border-radius:12px;height:260px;margin-bottom:40px;transition:.4s}@media (max-width:700px){.artContainer{margin:80px 0}.artImgContainer{align-items:center;flex-direction:column;justify-content:center}.artImg{max-width:80vw;object-fit:cover}}.blog-card{border:1px solid var(--text-3);border-radius:8px;cursor:pointer;margin:16px;padding:16px;transition:.2s;width:300px}.blog-card:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.blog-card img{border-radius:12px;height:auto;max-height:180px;object-fit:cover;width:100%}.blog-card a,.blog-card h2,.blog-card p{margin-top:8px}.blogs{display:flex;flex-wrap:wrap;justify-content:center;margin-top:35px}.blog-card a{background-color:var(--text-3);border-radius:8px;color:#fff;display:inline-block;padding:8px 16px;text-decoration:none;transition:all .2s ease-in-out}.blog-card a:hover{background-color:var(--text-2)}.contactContainer{margin:40px 12%}.contactHead{color:var(--text-3);text-align:center}.contactsList{align-items:center;display:flex;flex-direction:row;justify-content:space-around}.contactWindowContainer{align-items:center;-webkit-animation:floating 1.8s infinite forwards;animation:floating 1.8s infinite forwards;border-radius:20px;box-shadow:5px 5px 10px var(--shadow);color:var(--text-3);cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin:12px 24px;padding:32px 14px;transition:.5s;width:300px}.contactWindowContainer:hover>.contactIcon{color:var(--text-2)}.floating{-webkit-animation:floating 4s ease-in-out infinite forwards;animation:floating 4s ease-in-out infinite forwards;transition:"0.4s"}@-webkit-keyframes floating{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(8px);transform:translateY(8px)}}@keyframes floating{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(8px);transform:translateY(8px)}}.contactIcon{height:120px;transition:.5s;width:120px}.contactIcon,.contactName{color:var(--text-3)}.contactId{color:var(--text-2);font-size:24px;font-weight:900}@media (max-width:700px){.contactContainer{margin:80px 12%}.contactsList{flex-direction:column}}.error{color:var(--text-3);font-size:5rem;font-weight:900;padding:40px;text-align:center}.heroContainer{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 36px}.heroContainer,.heroFirstLine{display:flex;flex-direction:row}.heroText{display:flex;flex-direction:column}.hi{font-family:var(--font-hero-1);font-size:150px}.hi,.im{color:var(--white);font-weight:800}.im{font-family:var(--font-hero-2);font-size:80px;margin-bottom:20px;margin-left:50px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.sonu{color:var(--text-2);font-size:200px;margin-top:-110px}.bardai,.sonu{font-family:var(--font-hero-1);font-weight:900}.bardai{color:var(--white);font-size:70px;margin-top:-80px}.heroImg{border-radius:50%;height:440px;object-fit:cover;width:440px}.scrollGIF{cursor:pointer;height:70px;-webkit-transform:translateY(350px);transform:translateY(350px);width:70px}.negativeGIF{-webkit-filter:invert(1);filter:invert(1)}@media screen and (max-width:700px){.heroImg{display:none}.heroContainer{-webkit-transform:scale(.7) translate(-100px,-25px);transform:scale(.7) translate(-100px,-25px)}.scrollGIF{height:100px;-webkit-transform:translate(-150px,350px);transform:translate(-150px,350px);width:100px}}.gotoContainer{background:var(--bg-3);padding:42px 36px}.gotoItems{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin:32px 0}.gotoItem{align-items:center;background:var(--bg-1);border-radius:20px;display:flex;flex-direction:column;height:320px;justify-content:center;padding:8px 12px;transition:.5s;width:320px}.gotoItem:hover{-webkit-transform:translateY(-14px);transform:translateY(-14px)}.gotoImg{margin:24px;opacity:.8;transition:.5s;width:320px}.gotoName{color:var(--white);font-size:30px;font-weight:800;position:absolute}.gotoItemAnchor{text-decoration:none}.credContainer{background:var(--bg-3);height:350px;margin:35px 0;width:100%}.lines{height:80px;opacity:.8;position:absolute;width:80px}.credText{font-size:2.2rem;padding:130px 12px;text-align:center}.typewrite{-webkit-animation:typing 5s steps(30),blink-caret 1s step-end infinite;animation:typing 5s steps(30),blink-caret 1s step-end infinite;border-right:4px solid var(--white);color:var(--typing);font-weight:800}@-webkit-keyframes typing{0%{width:0}to{width:100%}}@keyframes typing{0%{width:0}to{width:100%}}@-webkit-keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--white)}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--white)}}@media screen and (max-width:700px){.credContainer{height:350px}.lines{height:80px;width:80px}.credText{padding:130px 20px}}.projectContainer{display:flex;height:370px;overflow-x:scroll;overflow-y:hidden;padding:8px 36px;scroll-behavior:smooth}.projectContainer::-webkit-scrollbar{height:0}.projectWindowContainer{border-radius:20px;box-shadow:5px 5px 10px var(--shadow);color:var(--text-3);cursor:pointer;display:flex;flex-direction:column;gap:8px;margin:12px 24px;padding:32px 14px;transition:.5s;width:300px}.projectWindowAnchor{text-decoration:none}.projectWindowContainer:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.projectWindowTitle{color:var(--white);font-size:1.2rem;font-weight:700}.projectWindowDesc{font-size:14px}.projectWindowImage{border-radius:12px;margin-bottom:12px;max-height:200px;object-fit:cover;width:300px}.listShadowLeft{background:linear-gradient(to right,var(--bg-1),transparent);left:0}.listShadowLeft,.listShadowRight{height:440px;position:absolute;width:150px;z-index:1}.listShadowRight{background:linear-gradient(to right,transparent,var(--bg-1));right:0}.directionLeft{color:var(--white);cursor:pointer;height:75px;left:0;position:absolute;-webkit-transform:translateY(170px);transform:translateY(170px);transition:.3s;width:75px;z-index:2}.directionLeft:hover{color:var(--text-3)}.directionRight{color:var(--white);cursor:pointer;height:75px;position:absolute;right:0;-webkit-transform:translateY(170px);transform:translateY(170px);transition:.3s;width:75px;z-index:2}.directionRight:hover{color:var(--text-3)}.allProjectsBtn{background:var(--bg-2);border:2px solid var(--white);border-radius:12px;color:var(--white);margin:auto;padding:10px 18px;text-decoration:none;transition:.5s}.allProjectsBtn:hover{background:var(--bg-3)}.projectSectionContainer{display:flex;flex-direction:column;padding:35px 0}.homeHeading{color:var(--text-head);font-weight:800;margin:0;padding:0;text-align:center;text-decoration:underline}.swipeContainer{align-items:center;display:none;justify-content:center;margin-top:28px}.pattern2{height:100px;position:absolute;width:100px}@media (max-width:700px){.listShadowLeft,.listShadowRight{display:none}.projectContainer{margin:0;padding:0}.swipeContainer{display:flex}.directionLeft,.directionRight{display:none}}.skillsContainer{padding:48px 0}.allSkillsContainer{display:flex;height:185px;justify-content:space-between;overflow:hidden;padding:12px 32px}.allSkillsContainer::-webkit-scrollbar{height:0}.skillContainer{align-items:center;-webkit-animation:scroll 20s linear infinite;animation:scroll 20s linear infinite;border-radius:20px;box-shadow:5px 5px 10px var(--shadow);display:flex;flex-direction:column;height:140px;margin-right:48px;margin-top:24px;padding:8px 32px}.allSkillsContainer{position:relative}@-webkit-keyframes scroll{0%{-webkit-transform:translateX(8px);transform:translateX(8px)}to{-webkit-transform:translateX(-1476px);transform:translateX(-1476px)}}@keyframes scroll{0%{-webkit-transform:translateX(8px);transform:translateX(8px)}to{-webkit-transform:translateX(-1476px);transform:translateX(-1476px)}}.skillName{color:var(--text-3);font-size:18px;font-weight:800}.skillIcon{color:var(--white);height:100px;margin-bottom:12px;width:100px}.homeLine{background:var(--white);border:1px solid var(--white);border-radius:12px;width:95%}@media (max-width:700px){.allSkillsContainer{overflow:auto}}.projectPageContainer{align-items:center;display:flex;flex-direction:column;height:100%;padding:40px 32px}.carouselMain{align-items:center;display:flex;justify-content:space-evenly}.carouselContainer{display:flex;justify-content:center}.carouselContainer>.carouselImg:first-child{opacity:1}.projectTitle{color:var(--text-2);font-size:40px;font-weight:800;text-align:center}.carouselImgFrame{height:500px;-webkit-transform:translateY(17px);transform:translateY(17px);width:74%}.carouselImg,.carouselImgFrame{border-radius:24px;object-fit:cover;position:absolute}.carouselImg{cursor:pointer;height:460px;opacity:0;-webkit-transform:translateY(34px);transform:translateY(34px);transition:.5s;width:70%;z-index:1}.projectArrow{color:var(--text-2)}.projectPageDirectionLeft{color:var(--text-3);cursor:pointer;height:75px;left:4%;position:absolute;-webkit-transform:translateY(50vh);transform:translateY(50vh);transition:.5s;width:75px;z-index:2}.projectPageDirectionLeft:hover{color:var(--white)}.projectPageDirectionRight{color:var(--text-3);cursor:pointer;height:75px;position:absolute;right:4%;-webkit-transform:translateY(50vh);transform:translateY(50vh);transition:.5s;width:75px;z-index:2}.projectPageDirectionRight:hover{color:var(--white)}.projectDetailsContainer{margin-top:560px;padding:0 54px}.aboutHead{color:var(--text-3);font-size:28px;font-weight:700;margin-bottom:8px;margin-top:35px;text-align:center}.projectPageDesc{color:var(--text-1)}.projectList{list-style:none}.projectListHead{font-size:24px}.listItem{gap:9px;margin-bottom:9px}.listItem,.techList{align-items:center;display:flex}.techList{flex-wrap:wrap;gap:60px;justify-content:center}.techItem{background:#ffffff4b;border-radius:12px;color:var(--text-1);cursor:pointer;list-style:none;padding:8px 12px;transition:.2s}.techItem:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.projectLink{font-size:20px;font-weight:900}.projectLinkAchor{align-items:center;color:var(--text-3);cursor:pointer;display:flex;gap:12px;text-decoration:none;transition:.4s}.projectLinkAchor:hover{color:var(--text-2)}.projectLinkIcon{height:26px;width:26px}@media (max-width:700px){.projectTitle{font-size:20px;margin-top:24px}.carouselImg{height:192px;width:75%}.carouselImgFrame{height:205px;-webkit-transform:translateY(28px);transform:translateY(28px);width:78%}.techList{gap:20px;justify-content:space-between;margin:0;padding:0}.projectDetailsContainer{margin-top:240px;padding:0 8px}.aboutHead{font-size:18px}.projectPageDirectionLeft,.projectPageDirectionRight{height:25px;-webkit-transform:translateY(16vh);transform:translateY(16vh);width:25px}}.youtubeContainer{height:400px;margin:0 auto;width:80%}.youtubeIframe{border:none;height:400px;width:800px}@media (max-width:800px){.youtubeIframe{width:100%}}.projectsPageContainer{margin:40px 0}.projectsPage{display:flex;flex-wrap:wrap;justify-content:space-around;padding:32px}.projectPageHead{font-size:30px;font-weight:800;text-align:center}.projectPageMessageContainer{align-items:center;color:var(--text-1);display:flex;gap:12px;justify-content:center;text-decoration:none}.projectPageMessage{font-size:18px;font-style:italic}@media (max-width:700px){.projectsPageContainer{margin:80px 0}.projectPageMessageContainer{padding:20px}.projectsPage{padding:0}}
/*# sourceMappingURL=main.95efd309.css.map*/