*{box-sizing:border-box;color:#2b2b2b;font-family:PoppinsMedium;font-size:14px;margin:0;padding:0}#AboutPage,#ContactPage,#HomePage,#PortfolioDetailed,#PortfolioPage{background-color:#fbfbfb;overflow:hidden}#AboutPage .page-contents,#ContactPage .page-contents,#HomePage .page-contents,#PortfolioDetailed .page-contents,#PortfolioPage .page-contents{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}#AboutPage .page-contents .page-side2side,#ContactPage .page-contents .page-side2side,#HomePage .page-contents .page-side2side,#PortfolioDetailed .page-contents .page-side2side,#PortfolioPage .page-contents .page-side2side{display:flex;justify-content:space-between;width:100%}@media screen and (max-width:768px){#AboutPage .page-contents .page-side2side,#ContactPage .page-contents .page-side2side,#HomePage .page-contents .page-side2side,#PortfolioDetailed .page-contents .page-side2side,#PortfolioPage .page-contents .page-side2side{flex-direction:column}}a{text-decoration:none}.section-head{font-size:18px}@font-face{font-family:PoppinsLights;src:url(/static/media/Poppins-Light.7641a0f76ca9ef6c252c.ttf)}@font-face{font-family:PoppinsRegular;src:url(/static/media/Poppins-Regular.35d26b781dc5fda684cc.ttf)}@font-face{font-family:PoppinsMedium;src:url(/static/media/Poppins-Medium.673ed42382ab264e0bf5.ttf)}@font-face{font-family:PoppinsSemiBold;src:url(/static/media/Poppins-SemiBold.ac8d04b620e54be9b0f0.ttf)}@font-face{font-family:PoppinsBold;src:url(/static/media/Poppins-Bold.cdb29a5d7ccf57ff05a3.ttf)}@font-face{font-family:PoppinsBlack;src:url(/static/media/Poppins-Black.d8b850b920a5ef49d752.ttf)}#NavigationBar{background-color:#fbfbfb;padding:2rem 4rem;position:-webkit-sticky;position:sticky;top:0;transition:transform .5s ease-in-out;z-index:1000}#NavigationBar.hide{transform:translateY(-100%)}#NavigationBar.show{transform:translateY(0)}#NavigationBar .NavigationContainer{align-items:center;display:flex;justify-content:space-between;position:relative}#NavigationBar .NavigationContainer .RightNavigation{display:flex;gap:1rem}#NavigationBar .NavigationContainer .RightNavigation a{color:#2b2b2b;position:relative;text-decoration:none;transition:color .35s ease-in-out}#NavigationBar .NavigationContainer .RightNavigation a:hover{color:#2b2b2b}#NavigationBar .NavigationContainer .RightNavigation a:hover:before{width:100%}#NavigationBar .NavigationContainer .RightNavigation a:before{background:#2b2b2b;bottom:-.5rem;content:"";height:2px;position:absolute;transition:width .35s ease-in-out;width:0}#NavigationBar .NavigationContainer .HamburgerIcon{align-items:flex-start;cursor:pointer;display:none;flex-direction:column;height:20px;justify-content:space-between;width:28px;z-index:1101}#NavigationBar .NavigationContainer .HamburgerIcon span{background-color:#2b2b2b;border-radius:2px;display:block;height:3px;transform-origin:left center;transition:.3s ease-in-out;width:100%}#NavigationBar .NavigationContainer .HamburgerIcon.open span:first-child{transform:rotate(45deg) translate(-2px)}#NavigationBar .NavigationContainer .HamburgerIcon.open span:nth-child(2){opacity:0}#NavigationBar .NavigationContainer .HamburgerIcon.open span:nth-child(3){transform:rotate(-45deg) translate(-2px)}@media screen and (max-width:480px){#NavigationBar{padding:2rem 3rem}#NavigationBar .NavigationContainer .Overlay{background-color:#00000040;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:99}#NavigationBar .NavigationContainer .HamburgerIcon{display:flex}#NavigationBar .NavigationContainer .RightNavigation{align-items:flex-start;background-color:#fbfbfb;flex-direction:column;gap:2rem;height:100vh;padding:6rem 2rem 2rem;position:fixed;right:-100%;top:0;transition:right .3s ease-in-out;width:70%;z-index:1000}#NavigationBar .NavigationContainer .RightNavigation.open{right:0}#NavigationBar .NavigationContainer .RightNavigation a{font-size:1.1rem}}#Footer{background-color:#2b2b2b;padding:4rem}#Footer .FooterContainer{align-items:center;background-color:#2b2b2b;display:flex;justify-content:space-between}#Footer .FooterContainer .FooterContents{background-color:#2b2b2b;color:#fbfbfb;display:flex;flex-direction:column;font-size:16px;gap:1rem}#Footer .FooterContainer .FooterContents .Socials{background-color:#2b2b2b;display:flex;flex-direction:row-reverse;gap:1rem}#Footer .FooterContainer .FooterContents .Socials a{align-items:center;background-color:#fbfbfb;border-radius:100%;display:flex;height:50px;justify-content:center;width:50px}#Footer .FooterContainer .FooterContents p{background-color:#2b2b2b;color:#fbfbfb}@media screen and (max-width:480px){#Footer .FooterContainer{flex-direction:column;gap:1.5rem}#Footer .FooterContainer .FooterContents{align-items:center}#Footer .FooterContainer p{text-align:center}}#Hero{align-items:center;background-color:#fbfbfb;height:90vh;overflow:hidden;padding:0 4rem}#Hero,#Hero .hero-content{display:flex;position:relative}#Hero .hero-content{background-color:#fbfbfbd9;flex-direction:column;gap:1rem;padding:2rem 1rem;z-index:1}#Hero .hero-content .hero-content-detail .hero-name,#Hero .hero-content .hero-content-detail h1{font-family:PoppinsBlack;font-size:24px}#Hero .hero-content .hero-content-detail h2{font-size:16px}#Hero .hero-content .hero-content-detail .hero-name{-webkit-text-fill-color:#0000;background:linear-gradient(120deg,#253341,#319795);-webkit-background-clip:text}#Hero .hero-content .hero-buttons{display:flex;gap:2rem}#Hero .hero-content .hero-buttons .hero-btn{background-color:#ebd005;border:none;border-radius:.75rem;color:#2b2b2b;cursor:pointer;overflow:hidden;padding:.75rem 2rem;position:relative}#Hero .hero-content .hero-buttons .hero-btn:before{background:linear-gradient(120deg,#fff6,#0000);content:"";height:100%;left:-75%;pointer-events:none;position:absolute;top:0;transform:skewX(-20deg);width:50%}#Hero .hero-content .hero-buttons .hero-btn:hover:before{animation:shine-once .6s ease-out forwards}@keyframes shine-once{0%{left:-75%}to{left:150%}}#Hero .hero-bouncing-wrap{animation:bounce 1.5s infinite;background-color:#fbfbfbd9;bottom:25px;left:50%;padding:.5rem 1rem;position:absolute;z-index:100}#Hero .hero-bouncing-wrap .hero-bouncing{align-items:center;display:flex;flex-direction:column}#Hero .hero-bouncing-wrap .hero-bouncing p{font-size:18px}@keyframes bounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-10px)}}@media screen and (max-width:480px){#Hero .hero-content{align-items:center}#Hero .hero-content .hero-content-detail h1,#Hero .hero-content .hero-content-detail h2,#Hero .hero-content .hero-content-detail p,#Hero .hero-content .hero-content-detail span{text-align:center}#Hero .hero-content .hero-buttons{flex-direction:column;gap:.5rem;width:100%}#Hero .hero-content .hero-buttons a{text-align:center}#Hero .hero-bouncing-wrap{bottom:75px}}#Timeline{align-items:center;background-color:#fbfbfb;display:flex;flex-direction:column;gap:1rem}#Timeline h1{font-size:24px}#Timeline h1:hover{cursor:default}#Timeline .life-timeline .vertical-timeline-element-content{background-color:#fbfbfb;z-index:2}#Timeline .life-timeline .vertical-timeline-element-content .vertical-timeline-element-content-arrow{display:none}#Timeline .life-timeline .vertical-timeline-element-subtitle-wrap{display:flex;justify-content:space-between}#Timeline .life-timeline .vertical-timeline-element-content{box-shadow:0 .25em .5em 0 #00000040,0 .4em 1.25em 0 #00000026!important}#Timeline .life-timeline .vertical-timeline-element-icon{align-items:center;display:flex;justify-content:center;z-index:2}#Timeline .life-timeline .vertical-timeline-element-icon img{background:none}#Timeline .life-timeline .date{color:#2b2b2b}#Timeline .life-timeline p{text-align:justify}#Timeline .vertical-timeline:before{background:#2b2b2b!important;z-index:1}#PortfolioCTA .portfoliocta-wrapper{align-items:center;background-color:#2b3a55;display:flex;justify-content:space-between;padding:2rem 4rem}#PortfolioCTA .portfoliocta-wrapper .pcta-content{display:flex;flex-direction:column}#PortfolioCTA .portfoliocta-wrapper .pcta-content .pcta-heading{color:#fbfbfb;font-size:18px}#PortfolioCTA .portfoliocta-wrapper .pcta-content p{color:#fbfbfb}#PortfolioCTA .portfoliocta-wrapper .portfolio-CTA{background-color:#ebd005;padding:1rem 1.5rem;transition:.25s ease}#PortfolioCTA .portfoliocta-wrapper .portfolio-CTA:hover{background-color:#fbe857;transition:.25s ease}@media screen and (max-width:480px){#PortfolioCTA .portfoliocta-wrapper{flex-direction:column;gap:1rem}#PortfolioCTA .portfoliocta-wrapper .pcta-content{align-items:center}#PortfolioCTA .portfoliocta-wrapper .pcta-content .pcta-heading,#PortfolioCTA .portfoliocta-wrapper .pcta-content p{text-align:center}}#AboutMeBanner{align-items:center;display:flex;flex-direction:column;padding:4rem}#AboutMeBanner .amb-content-wrap{display:flex;justify-content:space-between;width:100%}#AboutMeBanner .amb-content-wrap .amb-content-left{display:flex;flex-direction:column;gap:1rem;width:57%}#AboutMeBanner .amb-content-wrap .amb-content-left .amb-heading{font-size:16px;text-align:center}#AboutMeBanner .amb-content-wrap .amb-content-left .amb-about{display:flex;gap:1rem}#AboutMeBanner .amb-content-wrap .amb-content-left .amb-about .amb-my-picture{background:#ffffff1a;border-radius:.5rem;flex-shrink:0;height:175px;overflow:hidden;width:175px}#AboutMeBanner .amb-content-wrap .amb-content-left .amb-about .amb-my-picture img{object-fit:cover;object-position:top;width:100%}#AboutMeBanner .amb-content-wrap .amb-content-left .amb-about .amb-my-detail-wrap{display:flex;flex-direction:column;justify-content:space-between}#AboutMeBanner .amb-content-wrap .amb-content-left .amb-about .amb-my-detail-wrap .amb-my-detail{display:flex;flex-direction:column;gap:.25rem}#AboutMeBanner .amb-content-wrap .amb-content-left .amb-about .amb-my-detail-wrap a{background-color:#ebd005;border-radius:8px;padding:.75rem 2rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#AboutMeBanner .amb-content-wrap .amb-content-left .amb-about .amb-my-detail-wrap a .amb-button{align-items:center;display:flex;font-size:12px;gap:.5rem}#AboutMeBanner .amb-content-wrap .amb-content-right{display:flex;flex-direction:column;gap:1rem;width:40%}#AboutMeBanner .amb-content-wrap .amb-content-right .amb-heading{font-size:16px;text-align:center}#AboutMeBanner .amb-content-wrap .amb-content-right .amb-latest-ed{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#2533fb00;border:1px solid #fbfbfb33;border-radius:1rem;box-shadow:0 4px 30px #0000001a;display:flex;gap:1rem;padding:1rem 2rem;transition:transform .3s ease,box-shadow .3s ease}#AboutMeBanner .amb-content-wrap .amb-content-right .amb-latest-ed:hover{box-shadow:0 8px 40px #00000026;transform:translateY(-4px)}#AboutMeBanner .amb-content-wrap .amb-content-right .amb-latest-ed .amb-logo{flex-shrink:0}#AboutMeBanner .amb-content-wrap .amb-content-right .amb-latest-ed .amb-logo img{background:#ffffff1a;border-radius:.5rem;height:100px;object-fit:contain;padding:.5rem;width:100px}#AboutMeBanner .amb-content-wrap .amb-content-right .amb-latest-ed .amb-detail{display:flex;flex-direction:column;justify-content:center}#AboutMeBanner .amb-content-wrap .amb-content-right .amb-latest-ed .amb-detail .amb-edu-name{color:#2b2b2b;font-size:16px}#AboutMeBanner .amb-content-wrap .amb-content-right .amb-latest-ed .amb-detail .amb-edu-degree,#AboutMeBanner .amb-content-wrap .amb-content-right .amb-latest-ed .amb-detail .amb-edu-gpa,#AboutMeBanner .amb-content-wrap .amb-content-right .amb-latest-ed .amb-detail .amb-edu-period{color:#2b2b2b;font-size:14px;font-weight:300}#AboutMeBanner .amb-footer-wrap{cursor:pointer;display:inline-block}#AboutMeBanner .amb-footer-wrap .amb-footer{color:#2b2b2b;font-weight:500;transition:transform .2s ease}#AboutMeBanner .amb-footer-wrap .amb-footer:hover{animation:pulse 1s infinite;color:#253341;transition:transform .2s ease}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@media screen and (max-width:768px){#AboutMeBanner{gap:2rem;padding:2rem 4rem}#AboutMeBanner .amb-content-wrap{flex-direction:column;gap:2rem}#AboutMeBanner .amb-content-wrap .amb-content-left,#AboutMeBanner .amb-content-wrap .amb-content-right{width:100%}#AboutMeBanner .amb-footer-wrap{background-color:#ebd005;padding:1rem 2rem}}@media screen and (max-width:480px){#AboutMeBanner{gap:3rem;padding:2rem 4rem}#AboutMeBanner .amb-content-wrap{flex-direction:column;gap:2rem}#AboutMeBanner .amb-content-wrap .amb-content-left{width:100%}#AboutMeBanner .amb-content-wrap .amb-content-left .amb-about{align-items:center;flex-direction:column}#AboutMeBanner .amb-content-wrap .amb-content-left .amb-about .amb-my-detail-wrap{align-items:center;gap:1rem}#AboutMeBanner .amb-content-wrap .amb-content-left .amb-about .amb-my-detail-wrap .amb-my-detail{gap:1rem}#AboutMeBanner .amb-content-wrap .amb-content-left .amb-about .amb-my-detail-wrap .amb-my-detail .amb-my-detail-text{align-items:center;display:flex;flex-direction:column}#AboutMeBanner .amb-content-wrap .amb-content-left .amb-about .amb-my-detail-wrap .amb-my-detail .amb-my-detail-text p{text-align:center}#AboutMeBanner .amb-content-wrap .amb-content-left .amb-about .amb-my-detail-wrap .amb-my-detail .amb-techstack{align-items:center;display:flex;flex-direction:column}#AboutMeBanner .amb-content-wrap .amb-content-right{width:100%}#AboutMeBanner .amb-content-wrap .amb-content-right .amb-latest-ed{align-items:center;flex-direction:column;gap:0}#AboutMeBanner .amb-content-wrap .amb-content-right .amb-latest-ed .amb-detail{align-items:center;text-align:center;width:100%}#AboutMeBanner .amb-footer-wrap{background-color:#ebd005;padding:1rem 2rem}}#About{background-color:#fbfbfb}#About .about-wrapper{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:0 4rem}#About .about-wrapper .about-content{align-items:center;display:flex;justify-content:center;width:80%}#About .about-wrapper .about-content .about-me{display:flex;gap:2.5rem}#About .about-wrapper .about-content .about-me .about-me-picture{height:250px;width:250px}#About .about-wrapper .about-content .about-me .about-me-picture img{border-radius:10px;height:100%;object-fit:cover;object-position:top;width:100%}#About .about-wrapper .about-content .about-me .about-myself{display:flex;flex-direction:column;gap:1rem;width:75%}#About .about-wrapper .about-content .about-me .about-myself .about-personal{display:flex;flex-direction:column}#About .about-wrapper .about-content .about-me .about-myself .about-personal h1{font-size:1.25rem}#About .about-wrapper .about-content .about-me .about-myself .about-personal .about-introduction{display:flex;flex-direction:column;gap:.5rem;text-align:justify}#About .about-wrapper .about-content .about-me .about-myself .about-personal .about-introduction a{background-color:#ebd005;border-radius:12px;padding:1rem 2rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#About .about-wrapper .about-content .about-me .about-myself .about-personal .about-introduction a .about-button{align-items:center;display:flex;gap:.5rem}#About .about-wrapper .about-content .about-me .about-myself .about-techstack{display:flex;flex-direction:column}@media screen and (max-width:480px){#About .about-wrapper .about-content{width:100%}#About .about-wrapper .about-content .about-me{align-items:center;flex-direction:column;gap:1.5rem}#About .about-wrapper .about-content .about-me .about-me-picture{height:200px;width:200px}#About .about-wrapper .about-content .about-me .about-myself{width:100%}#About .about-wrapper .about-content .about-me .about-myself .about-personal,#About .about-wrapper .about-content .about-me .about-myself .about-personal .about-introduction{align-items:center}}#Education{width:50%}#Education .education-wrap{align-items:center;display:flex;flex-direction:column}#Education .education-wrap h1{font-size:18px}@media screen and (max-width:768px){#Education{width:100%}}#EducationCard{gap:1rem;justify-content:center;padding:0 4rem 0 2rem}#EducationCard,#EducationCard .edcard-wrap{display:flex;flex-direction:column;width:100%}#EducationCard .edcard-wrap{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#2533fb00;border:1px solid #fbfbfb33;border-radius:1rem;box-shadow:0 4px 30px #0000001a;color:#2b2b2b;padding:1.5rem 2rem;transition:transform .3s ease,box-shadow .3s ease}#EducationCard .edcard-wrap:last-child{margin-bottom:2rem}#EducationCard .edcard-wrap:first-child{margin-top:2rem}#EducationCard .edcard-wrap:hover{box-shadow:0 8px 40px #00000026;transform:translateY(-4px)}#EducationCard .edcard-wrap .edcard-topwrap{align-items:center;display:flex;gap:1rem;width:100%}#EducationCard .edcard-wrap .edcard-topwrap .edu-logo{align-items:center;background:#ffffff1a;border-radius:.5rem;display:flex;flex-shrink:0;height:100px;overflow:hidden;width:100px}#EducationCard .edcard-wrap .edcard-topwrap .edu-logo img{object-fit:contain;object-position:top;width:100%}#EducationCard .edcard-wrap .edcard-topwrap .edu-detail{display:flex;flex-direction:column}#EducationCard .edcard-wrap .edcard-topwrap .edu-detail .edu-degree{font-size:1.25rem;font-weight:700}#EducationCard .edcard-wrap .edcard-topwrap .edu-detail .institution-name{color:#2b2b2b;font-size:1rem;font-weight:700}#EducationCard .edcard-wrap .edcard-topwrap .edu-detail .institution-location,#EducationCard .edcard-wrap .edcard-topwrap .edu-detail .institution-period{color:#2b2b2b;font-size:.875rem;font-weight:500}#EducationCard .edcard-wrap .institution-description{color:#2b2b2b;font-size:.95rem;line-height:1.4;margin-top:.5rem;text-align:justify}@media screen and (max-width:768px){#EducationCard{gap:1.5rem;padding:0 4rem}#EducationCard .edcard-wrap:first-child{margin-top:1rem}}#EducationCardV2{display:flex;justify-content:space-between;padding:0 4rem}#EducationCardV2 .v2edcard-wrap{align-items:center;display:flex;flex-direction:column;width:30%}#EducationCardV2 .v2edcard-wrap .v2edu-logo{flex-shrink:0;position:absolute}#EducationCardV2 .v2edcard-wrap .v2edu-logo img{background:#f0f0f0;border-radius:5rem;height:100px;object-fit:contain;padding:1rem;width:100px}#EducationCardV2 .v2edcard-wrap .v2edu-detail{align-items:center;background:#f0f0f0;border-radius:12px;display:flex;flex-direction:column;margin-top:50px;padding:50px 2rem 1rem;text-align:center}#EducationCardV2 .v2edcard-wrap .v2edu-detail .v2institution-name{font-size:1.5rem;font-weight:700}#EducationCardV2 .v2edcard-wrap .v2edu-detail .v2edu-degree{color:#2b2b2b;font-size:1rem;font-weight:500}#EducationCardV2 .v2edcard-wrap .v2edu-detail .v2institution-location,#EducationCardV2 .v2edcard-wrap .v2edu-detail .v2institution-period{color:#2b2b2b;font-size:.875rem}#EducationCardV2 .v2edcard-wrap .v2edu-detail .v2institution-description{color:#2b2b2b;font-size:.95rem;line-height:1.4;margin-top:1rem;min-height:150px;text-align:justify}#WorkExperience{width:50%}#WorkExperience .experience-wrap{align-items:center;display:flex;flex-direction:column}#WorkExperience .experience-wrap h1{font-size:18px}@media screen and (max-width:768px){#WorkExperience{width:100%}}#WorkExperienceCard{display:flex;flex-direction:column;gap:1rem;padding:0 2rem 0 4rem;width:100%}#WorkExperienceCard .workexperiencecard-wrap{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#2533fb00;border:1px solid #fbfbfb33;border-radius:1rem;box-shadow:0 4px 30px #0000001a;color:#2b2b2b;display:flex;flex-direction:column;padding:1.5rem 2rem;transition:transform .3s ease,box-shadow .3s ease;width:100%}#WorkExperienceCard .workexperiencecard-wrap:last-child{margin-bottom:2rem}#WorkExperienceCard .workexperiencecard-wrap:first-child{margin-top:2rem}#WorkExperienceCard .workexperiencecard-wrap:hover{box-shadow:0 8px 40px #00000026;transform:translateY(-4px)}#WorkExperienceCard .workexperiencecard-wrap .workexp-topwrap{align-items:center;display:flex;gap:1rem}#WorkExperienceCard .workexperiencecard-wrap .workexp-topwrap .workexp-img{align-items:center;background:#ffffff1a;border-radius:.5rem;display:flex;flex-shrink:0;height:100px;overflow:hidden;width:100px}#WorkExperienceCard .workexperiencecard-wrap .workexp-topwrap .workexp-img img{object-fit:contain;object-position:top;width:100%}#WorkExperienceCard .workexperiencecard-wrap .workexp-topwrap .workexp-detail{display:flex;flex-direction:column}#WorkExperienceCard .workexperiencecard-wrap .workexp-topwrap .workexp-detail h1{font-size:1.25rem;font-weight:700}#WorkExperienceCard .workexperiencecard-wrap .workexp-topwrap .workexp-detail h2,#WorkExperienceCard .workexperiencecard-wrap .workexp-topwrap .workexp-detail h3{font-size:1rem;font-weight:700}#WorkExperienceCard .workexperiencecard-wrap .workexp-topwrap .workexp-detail h3{color:#2b2b2b;font-size:.875rem;font-weight:500}#WorkExperienceCard .workexperiencecard-wrap p{color:#2b2b2b;font-size:.95rem;line-height:1.4;margin-top:.5rem;text-align:justify}@media screen and (max-width:768px){#WorkExperienceCard{gap:1.5rem;padding:0 4rem}#WorkExperienceCard .workexperiencecard-wrap:first-child{margin-top:1rem}}#Portfolio{background-color:#fbfbfb}#Portfolio .portfolio-wrapper{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:0 4rem}#Portfolio .portfolio-wrapper .portfolio-grid{margin-bottom:25px;width:100%}@media screen and (max-width:480px){#Portfolio .portfolio-wrapper{padding:2rem 4rem 0}}#PortfolioCard{align-items:center;display:flex;flex-direction:column;gap:1rem}#PortfolioCard .portfolio-card{align-items:center;border:1px solid #0003;border-radius:14px;display:flex;gap:1rem;padding:1rem 2rem;transition:.5s ease}#PortfolioCard .portfolio-card .project-image-wrap{flex-shrink:0}#PortfolioCard .portfolio-card .project-image-wrap img{background:#ffffff1a;border-radius:.5rem;height:150px;object-fit:contain;overflow:hidden;padding:.5rem;width:250px}#PortfolioCard .portfolio-card .portfolio-card-detail{background-color:#0000;display:flex;flex-direction:column;gap:.5rem}#PortfolioCard .portfolio-card .portfolio-card-detail h3,#PortfolioCard .portfolio-card .portfolio-card-detail p{background-color:#0000}#PortfolioCard .portfolio-card .portfolio-card-detail a{background-color:#ebd005;border-radius:10px;padding:.5rem 2rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#PortfolioCard .portfolio-card .portfolio-card-detail a .view-project{background-color:#0000}#PortfolioCard .portfolio-card:hover{box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;transition:.5s ease}#PortfolioCardV2{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}#PortfolioCardV2 .pc2-wrap{border-radius:25px;box-shadow:0 4px 30px #0000001a;display:flex;flex-direction:column;gap:1rem;padding:2rem;transition:transform .3s ease,box-shadow .3s ease;width:350px}#PortfolioCardV2 .pc2-wrap:hover{box-shadow:0 8px 40px #00000026;transform:translateY(-4px)}#PortfolioCardV2 .pc2-wrap .pc2-image-wrap{display:flex;flex-shrink:0;height:150px;justify-content:center;overflow:hidden;width:100%}#PortfolioCardV2 .pc2-wrap .pc2-image-wrap .pc2-image{border-radius:12px;object-fit:cover;width:100%}#PortfolioCardV2 .pc2-wrap .pc2-detail{display:flex;flex-direction:column;gap:.25rem}#PortfolioCardV2 .pc2-wrap .pc2-detail .pc2-detail-title{align-items:center;display:flex;gap:.5rem}#PortfolioCardV2 .pc2-wrap .pc2-detail .pc2-infowrap{align-items:center;display:flex;justify-content:space-between}#PortfolioCardV2 .pc2-wrap .pc2-detail .pc2-infowrap .pc2-techstackwrap{align-items:center;display:flex;gap:1rem}#PortfolioCardV2 .pc2-wrap .pc2-detail .pc2-infowrap .pc2-view-project{align-items:center;background-color:#ebd005;border-radius:12px;display:flex;justify-content:center;padding:.5rem 1.5rem;transition:.25s ease}#PortfolioCardV2 .pc2-wrap .pc2-detail .pc2-infowrap .pc2-view-project:hover{background-color:#f1da26;transition:.25s ease}@media screen and (max-width:840px){#PortfolioCardV2 .pc2-wrap{width:300px}#PortfolioCardV2 .pc2-wrap .pc2-detail{align-items:center;width:100%}#PortfolioCardV2 .pc2-wrap .pc2-detail .pc2-infowrap{flex-direction:column;gap:.5rem;width:100%}#PortfolioCardV2 .pc2-wrap .pc2-detail .pc2-infowrap .pc2-view-project{padding:1rem;width:100%}}@media screen and (max-width:480px){#PortfolioCardV2{flex-direction:column}#PortfolioCardV2 .pc2-wrap{width:100%}}.tech-stack{background-color:#0000;display:flex;flex-wrap:wrap;gap:.5rem}.tech-stack .tech-item{background-color:#0000;display:inline-block;position:relative}.tech-stack .tech-item svg{background-color:#0000}.tech-stack .tech-item .tech-logo{height:30px;transition:transform .2s ease;width:30px}.tech-stack .tech-item .tooltip{background-color:#2b2b2b;border-radius:4px;bottom:40px;color:#fbfbfb;font-size:.75rem;left:50%;opacity:0;padding:4px 8px;position:absolute;text-align:center;transform:translateX(-50%);transition:opacity .2s ease;visibility:hidden;white-space:nowrap;z-index:1}.tech-stack .tech-item:hover .tech-logo{transform:scale(1.1)}.tech-stack .tech-item:hover .tooltip{opacity:1;visibility:visible}@media screen and (max-width:480px){.tech-stack{justify-content:center}}#PortfolioDetailed{display:flex;flex-direction:column}#PortfolioDetailed .portfolio-detailed-wrapper{background-color:#fbfbfb;display:flex;flex-direction:column;gap:2rem;padding:2rem 4rem}#PortfolioDetailed .portfolio-detailed-wrapper .pd-heading{display:flex}#PortfolioDetailed .portfolio-detailed-wrapper .pd-heading .pd-back-wrap{background-color:#ebd005;border-radius:12px;display:flex;padding:.75rem 2rem;z-index:1}#PortfolioDetailed .portfolio-detailed-wrapper .pd-heading .pd-back-wrap .pd-back{align-items:center;display:flex;gap:.5rem}#PortfolioDetailed .portfolio-detailed-wrapper .pd-heading .pd-title-wrap{align-items:center;display:flex;flex-direction:column;left:50%;max-width:50%;position:absolute;transform:translateX(-50%)}#PortfolioDetailed .portfolio-detailed-wrapper .pd-heading .pd-title-wrap .pd-title{font-size:18px}#PortfolioDetailed .portfolio-detailed-wrapper .pd-heading .pd-title-wrap .pd-subtitle{color:#253341;font-size:14px;font-weight:300}#PortfolioDetailed .portfolio-detailed-wrapper .pd-body{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:center}#PortfolioDetailed .portfolio-detailed-wrapper .pd-body .pdb-img-wrapper{width:50%}#PortfolioDetailed .portfolio-detailed-wrapper .pd-body .pdb-img-wrapper img{border-radius:12px;height:300px;object-fit:cover;overflow:hidden;width:100%}#PortfolioDetailed .portfolio-detailed-wrapper .pd-body .pdb-to-project{background-color:#ebd005;border-radius:12px;display:flex;padding:1rem 2rem}#PortfolioDetailed .portfolio-detailed-wrapper .pd-body .pd-grid{grid-gap:2rem 5rem;display:grid;gap:2rem 5rem;grid-template-columns:3fr 1fr}@media(max-width:768px){#PortfolioDetailed .portfolio-detailed-wrapper .pd-body .pd-grid{grid-template-columns:1fr}}#PortfolioDetailed .portfolio-detailed-wrapper .pd-body .pd-grid .pdg-item h3{font-size:16px;font-weight:600}#PortfolioDetailed .portfolio-detailed-wrapper .pd-body .pd-grid .pdg-item p,#PortfolioDetailed .portfolio-detailed-wrapper .pd-body .pd-grid .pdg-item ul{font-size:14px;line-height:1.6;margin:0;padding:0}#PortfolioDetailed .portfolio-detailed-wrapper .pd-body .pd-grid .pdg-item p{text-align:justify}#PortfolioDetailed .portfolio-detailed-wrapper .pd-body .pd-grid .pdg-item ul{list-style:none}@media screen and (max-width:480px){#PortfolioDetailed .portfolio-detailed-wrapper{gap:.5rem}#PortfolioDetailed .portfolio-detailed-wrapper .pd-heading{flex-direction:column;gap:1rem}#PortfolioDetailed .portfolio-detailed-wrapper .pd-heading .pd-back-wrap{align-self:flex-start;display:inline-flex;width:auto}#PortfolioDetailed .portfolio-detailed-wrapper .pd-heading .pd-title-wrap{position:relative}#PortfolioDetailed .portfolio-detailed-wrapper .pd-heading .pd-title-wrap .pd-subtitle{text-align:center}#PortfolioDetailed .portfolio-detailed-wrapper .pd-body{gap:.75rem}#PortfolioDetailed .portfolio-detailed-wrapper .pd-body .pdb-to-project{padding:1rem 2.5rem}#PortfolioDetailed .portfolio-detailed-wrapper .pd-body .pd-grid{gap:1rem}}.contact{display:flex;height:90vh}.contact .contact-content{align-items:center;display:flex;justify-content:center;width:50%}.contact .contact-content .contact-text{display:flex;flex-direction:column;justify-content:center;width:80%}.contact .contact-content .contact-text p{text-align:justify}@media screen and (max-width:480px){.contact{flex-direction:column;height:100%}.contact .contact-content{padding:2rem 0;width:100%}}.contact-form{align-items:center;display:flex;flex-direction:column;width:80%}.contact-form .contact-form-content-wrap{display:flex;flex-direction:column;gap:.5rem;width:75%}.contact-form .contact-form-content-wrap .input-box{display:flex;flex-direction:column}.contact-form .contact-form-content-wrap .input-box input,.contact-form .contact-form-content-wrap .input-box textarea{border:2px solid #b3b3b3;border-radius:8px;box-sizing:border-box;outline:none;padding:.25rem .5rem;transition:.3s}.contact-form .contact-form-content-wrap .input-box textarea{resize:none}.contact-form .contact-form-content-wrap .input-box input:focus,.contact-form .contact-form-content-wrap .input-box textarea:focus{border:2px solid #2b2b2b}.contact-form .contact-form-content-wrap button{background-color:#ebd005;border:2px solid #b3b3b3;border-radius:8px;box-sizing:border-box;margin-top:2rem;padding:.5rem;transition:.3s}.contact-form .contact-form-content-wrap button:hover{border:2px solid #2b2b2b;cursor:pointer;transition:.3s}
/*# sourceMappingURL=main.de442b2c.css.map*/