*{-webkit-tap-highlight-color:rgba(0,0,0,0);margin:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth;box-sizing:border-box;--primary-color:20,91,205;--primary-color-light:112,156,214;--secondary-color:0,53,46;--brown-color:192,146,109;--white-backdrop:238,233,225;--white-color2:239,239,239;--navbar-bg:184,230,255;--grey-color:85,85,85;--grey-color2:218,218,218;--grey-color3:50,50,50;--grey-color4:60,60,60;--grey-color5:180,180,180;--blue-color:86,109,134;--blue-color2:64,114,164;--blue-color3:152,176,208;--background-color:248,248,248;--primary-box-shadow:170,170,170;--light-color:255,255,255;--dark-color:0,0,0;--border-color:4,128,216;--github-color:94,94,94;--instagram-color:237,76,103;--linkedin-color:0,119,181;--background-hsl:36,50%,90%}html{background-color:rgb(var(--background-color));color-scheme:light}body,html{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}body{margin:0;background:linear-gradient(to bottom,hsla(var(--background-hsl),.003) 0,hsla(var(--background-hsl),.023) 9.7%,hsla(var(--background-hsl),.049) 18.1%,hsla(var(--background-hsl),.104) 25.5%,hsla(var(--background-hsl),.175) 31.9%,hsla(var(--background-hsl),.259) 37.7%,hsla(var(--background-hsl),.352) 43%,hsla(var(--background-hsl),.45) 47.9%,hsla(var(--background-hsl),.55) 52.8%,hsla(var(--background-hsl),.648) 57.7%,hsla(var(--background-hsl),.741) 63%,hsla(var(--background-hsl),.825) 68.7%,hsla(var(--background-hsl),.896) 75%,hsla(var(--background-hsl),.951) 82.2%,hsla(var(--background-hsl),.987) 90.5%,hsla(var(--background-hsl),1) 100%)}body #__next{display:flex;flex-direction:column;min-height:100vh}.main-wrapper{max-width:860px;margin:0 auto;flex:1 1;padding:60px 0 0}.main-wrapper .section-header{font-weight:500;color:rgb(var(--secondary-color))!important;font-size:36px!important;font-family:var(--font-acorn);text-align:center;padding-bottom:10px;animation:fadeIn .5s ease-out both}.navbar-backdrop{top:0;left:0;z-index:3;height:120px;width:100vw;position:fixed;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:linear-gradient(to top,transparent,rgb(var(--white-backdrop)));-webkit-mask-image:linear-gradient(to bottom,rgb(var(--white-backdrop)) 35%,transparent);mask-image:linear-gradient(to bottom,rgb(var(--white-backdrop)) 35%,transparent)}.navbar{justify-content:center;position:fixed;left:50%;transform:translateX(-50%);height:43px;width:351px;top:40px;animation:peakDown .35s ease both;z-index:5;border-radius:25px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:rgba(var(--navbar-bg),.75);border:1.5px solid rgba(var(--navbar-bg),.85);box-shadow:0 0 16px rgba(var(--primary-box-shadow),.5)}.navbar,.navbar-menu{display:flex;align-items:center}.navbar-menu{border-radius:25px;overflow:hidden;position:relative;justify-content:space-between;list-style:none;padding-inline:0;margin-block:0}.slider{position:absolute;top:0;left:0;background:rgb(var(--primary-color));z-index:1;transition:left .15s ease-out}.btn,.slider{width:116px;height:40px;border-radius:20px}.btn{transition:all .15s ease;color:rgb(var(--primary-color));background-color:transparent;z-index:3;font-size:16px;position:relative;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;font-weight:600}.btn.active{color:rgb(var(--light-color));transition:all .1s ease-out}.blur-image{filter:blur(20px)}.no-blur{filter:blur(0)}.name-card{min-width:240px;max-width:240px;position:fixed;top:180px;z-index:2;animation:peakDownSection .5s ease-out both;animation-delay:0s}.name-card .name-logo-left,.name-card .name-logo-right{display:none}.name-card .name-card-inner{width:240px;text-align:center;border:2px solid rgb(var(--grey-color2));border-radius:80px 80px 6px 6px}.name-card .name-card-inner .name-card-image{width:236px;height:336px;border-radius:78px 78px 0 0;background-color:rgb(var(--brown-color));box-shadow:0 0 32px rgb(var(--brown-color));overflow:hidden;position:relative}.name-card .name-card-inner .name-card-image .display-image{width:100%;height:100%;transition:all .5s ease;object-fit:cover;object-position:0 0;filter:brightness(1.1)}.name-card .name-card-inner .name-card-image .image-overlay{position:absolute;bottom:0;width:100%;height:40px;background:linear-gradient(to bottom,transparent,rgb(var(--secondary-color)))}.name-card .name-card-inner .name-card-meta{background:rgb(var(--secondary-color));padding:2px 10px;width:236px;position:relative;display:flex;align-items:center;gap:12px;text-align:left;box-shadow:0 0 32px rgb(var(--secondary-color));border-radius:0 0 4px 4px}.name-card .name-card-inner .name-card-meta .name-logo-bottom{filter:grayscale(1) brightness(4) opacity(.5);width:48px;height:48px}.name-card .name-card-inner .name-card-meta h1{display:none}.name-card .name-card-inner .name-card-meta h2{font-size:14px;font-weight:500;line-height:14px;color:rgb(var(--white-color2))}.name-card .name-card-inner .name-card-meta span{font-size:12px;line-height:12px;font-weight:500;color:rgb(var(--grey-color2))}.project-card{width:260px;height:260px;overflow:hidden;border-radius:24px;border:2px solid rgb(var(--grey-color2));background:rgb(var(--light-color));padding:3px;position:relative;animation:peakDownItem .2s ease both}@media(hover:hover){.project-card:hover .card-image{transform:scale(1.05);transition:all .2s ease}.project-card:hover .project-card-top .project-details{bottom:10px;transition:all .4s ease}.project-card:hover .project-card-top .project-details .project-name{margin-bottom:10px;font-size:18px;transition:all .4s ease}.project-card:hover .project-card-top .project-details .project-buttons{transform:scale(1);transition:all .4s ease}}.project-card .project-card-top{width:100%;height:100%;position:relative;border-radius:20px;overflow:hidden}.project-card .project-card-top .card-image{width:100%;height:100%;object-fit:cover;object-position:top;transition:all .5s ease}.project-card .project-card-top .project-details-bg{position:absolute;left:0;bottom:0;background:linear-gradient(to bottom,transparent 20%,rgb(var(--blue-color3)) 100%);width:100%;height:80px}.project-card .project-card-top .project-details{position:absolute;left:0;bottom:-20px;height:60px;padding:0 15px 15px;text-align:center;transition:all .2s ease;width:100%}.project-card .project-card-top .project-details .project-name{font-weight:600;font-size:20px;margin-bottom:40px;text-shadow:0 0 5px rgb(var(--grey-color));color:rgb(var(--light-color));transition:all .4s ease}.project-card .project-card-top .project-details .project-buttons{display:flex;align-items:center;justify-content:center;gap:10px;transform:scale(.9);transition:all .4s ease}.project-card .project-card-top .project-details .project-buttons a{height:26px;background:rgba(var(--primary-color),.85);color:rgb(var(--light-color));text-decoration:none;display:flex;align-items:center;justify-content:center;border-radius:25px;font-weight:500;border:1px solid rgba(var(--primary-color),.85);font-size:12px;transition:all .2s ease;padding:0 14px}@media(hover:hover){.project-card .project-card-top .project-details .project-buttons a:hover{transform:scale(1.05);transition:all .2s ease}}.project-card .project-card-top .project-details .project-buttons .view-code{background:rgb(var(--dark-color));color:rgb(var(--light-color));-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border:1px solid rgb(var(--grey-color3))}.project-card.solid .project-card-top{background-color:rgb(var(--primary-color-light))}.project-card.solid .project-card-top .card-image{object-fit:contain}.about-section{padding-left:310px;position:relative;margin-top:124px;animation:fadeIn .5s ease both;animation-delay:.25s}.about-section .skills-section{margin-top:80px;overflow:hidden;width:100%;position:relative}.about-section .skills-section h1{font-weight:400;color:rgb(var(--grey-color3));font-size:14px}.about-section .skills-section .skills-list{display:flex;align-items:center;gap:7.5px;flex-wrap:wrap;width:100%;margin-top:24px}.about-section .skills-section .skills-list .skill-pill{overflow:hidden;display:flex;gap:5px;align-items:center;text-decoration:none;background-color:rgba(var(--navbar-bg),.45);border:1px solid rgba(var(--navbar-bg),.65);box-shadow:0 0 3px rgba(var(--navbar-bg),.25);border-radius:6px;padding:4px 7px;transition:all .125s ease;animation:peakDownItem .1s ease both;transition:all .1s ease}@media(hover:hover){.about-section .skills-section .skills-list .skill-pill:hover{background-color:rgb(var(--navbar-bg));transition:all .2s ease}}.about-section .skills-section .skills-list .skill-pill span{font-size:14px;font-weight:400;color:rgb(var(--grey-color3));-webkit-user-select:none;-moz-user-select:none;user-select:none}.about-section .available-to-contact{margin-top:114px}.about-section .available-to-contact .contact-cta,.about-section .available-to-contact .contact-heading{display:flex;align-items:center;gap:10px}.about-section .available-to-contact .contact-cta span,.about-section .available-to-contact .contact-heading span{font-weight:500;font-size:16px;color:rgb(var(--grey-color))}.about-section .available-to-contact .contact-cta-wrapper{display:flex;gap:18px;align-items:center;margin:15px 0}.about-section .available-to-contact .contact-cta-wrapper .contact-cta,.about-section .available-to-contact .contact-cta-wrapper .resume-button{background-color:rgb(var(--primary-color));color:rgb(var(--light-color));padding:8.25px 14px;border:1px solid rgba(var(--primary-color),.5);border-radius:6px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease}.about-section .available-to-contact .contact-cta-wrapper .contact-cta span,.about-section .available-to-contact .contact-cta-wrapper .resume-button span{font-weight:500;font-size:15px;color:rgb(var(--light-color))}@media(hover:hover){.about-section .available-to-contact .contact-cta-wrapper .contact-cta:hover,.about-section .available-to-contact .contact-cta-wrapper .resume-button:hover{background-color:rgb(var(--primary-color));border:1px solid rgb(var(--primary-color));color:rgb(var(--light-color));transition:all .2s ease}.about-section .available-to-contact .contact-cta-wrapper .contact-cta:hover span,.about-section .available-to-contact .contact-cta-wrapper .resume-button:hover span{color:rgb(var(--light-color))}}.about-section .available-to-contact .contact-cta-wrapper .resume-button{text-decoration:none;border:1px solid rgba(var(--primary-color),.25);background-color:rgba(var(--primary-color),.25)!important;padding:7px 14px;gap:5px}.about-section .available-to-contact .contact-cta-wrapper .resume-button span{color:rgb(var(--primary-color))!important}.about-section .available-to-contact .contact-cta-wrapper .resume-button svg{stroke:rgb(var(--primary-color));transform:rotate(45deg)}@media(hover:hover){.about-section .available-to-contact .contact-cta-wrapper .resume-button:hover{border:1px solid rgba(var(--primary-color),.75)}}.about-section .timeline-section{margin-top:80px}.about-section .timeline-section .timeline-org{margin-top:24px}.about-section .timeline-section .timeline-org h3{font-size:16px;font-weight:600;padding-bottom:5px}.about-section .timeline-section .timeline-org .org-levels{display:flex;flex-direction:column;margin:10px 0 10px 8px;gap:16px;border-left:3px solid transparent}.about-section .timeline-section .timeline-org .org-levels.border{border-left:3px solid rgba(var(--border-color),.145)}.about-section .timeline-section .timeline-org .org-levels .org-level{display:flex;align-items:center;gap:10px}.about-section .timeline-section .timeline-org .org-levels .org-level svg{margin-left:-10.5px}.about-section .timeline-section .timeline-org .org-levels .org-level h4{font-weight:500;font-size:16px;color:rgb(var(--grey-color3))}.about-section .contact-section,.about-section .emails,.about-section .skills-section,.about-section .timeline-section{animation:fadeInBlur ease both;animation-timeline:view();animation-range:entry 0 cover 30%}.about-section h1{font-weight:400;color:rgb(var(--grey-color3));font-size:14px;margin:0}.about-section .about-section-inner .about-main{height:calc(100vh - 300px);min-height:500px}.about-section .about-section-inner .about-main h1{padding-bottom:16px;font-weight:500;font-size:36px;color:rgb(var(--grey-color3));font-family:var(--font-acorn)}.about-section .about-section-inner .about-main h1 .hand-waive{font-size:34px}.about-section .about-section-inner .about-main h1 .first-word{display:none}.about-section .about-section-inner .about-main h1 .second-word{text-transform:capitalize}.about-section .about-section-inner .about-main h1 div{display:inline;position:relative}.about-section .about-section-inner .about-main h1 div span{animation:changeword 6s linear infinite;position:absolute;left:8px;opacity:0;width:max-content;font-weight:600;color:rgb(var(--grey-color4))}.about-section .about-section-inner .about-main h1 div span b:nth-child(2){opacity:0}.about-section .about-section-inner .about-main h1 div span:first-child{animation-delay:0s}.about-section .about-section-inner .about-main h1 div span:nth-child(2){animation-delay:2s}.about-section .about-section-inner .about-main h1 div span:nth-child(3){animation-delay:4s}.about-section .about-me{margin-top:150px;animation:fadeInBlur ease both;animation-timeline:view();animation-range:entry 0 cover 60%}.about-section .about-me .about-desc{font-weight:400;font-size:16px;-webkit-padding-start:8px;padding-inline-start:8px;-webkit-margin-before:24px;margin-block-start:24px;-webkit-margin-after:0;margin-block-end:0;list-style-type:"⁍";display:flex;flex-direction:column;gap:24px}.about-section .about-me .about-desc li{line-height:22px;padding-left:12px;color:rgb(var(--grey-color4))}.about-section .about-me .about-desc li b{font-weight:500;color:rgb(var(--dark-color))}.work-section{padding-left:310px;margin-top:110px;padding-bottom:60px}.work-section .work-section-inner .project-section{margin-block:0;margin:30px 0;display:flex;flex-wrap:wrap;list-style:none;padding-inline:0;gap:30px}.work-section .work-section-inner .view-more-wrapper{animation:peakDownItem .2s ease both;animation-delay:.55s}.work-section .work-section-inner .view-more-wrapper .view-more{margin-top:10px;background-color:rgb(var(--dark-color));color:rgb(var(--light-color));text-decoration:none;text-align:center;border-radius:20px;padding:10px 20px;transition:all .2s ease}@media(hover:hover){.work-section .work-section-inner .view-more-wrapper .view-more:hover{transform:scale(1.05);transition:all .2s ease}}.work-section h1{font-weight:400;color:rgb(var(--grey-color3));font-size:14px;margin:0}.contact-section{margin-top:80px}.contact-section .contact-section-inner.animate-contact .socials .github{animation:animate-github .2s ease both;animation-delay:.75s}.contact-section .contact-section-inner.animate-contact .socials .linkedin{animation:animate-linkedin .2s ease both;animation-delay:.875s}.contact-section .contact-section-inner.animate-contact .socials .instagram{animation:animate-instagram .2s ease both;animation-delay:1s}.contact-section .contact-section-inner.animate-contact .socials .twitter{animation:animate-twitter .2s ease both;animation-delay:1.125s}.contact-section .contact-section-inner.animate-contact .emails a{animation:animate-email .2s ease both;animation-delay:1.25s}.contact-section h1{font-weight:400;color:rgb(var(--grey-color3));font-size:14px;margin:0}.contact-section .emails a{text-decoration:none;font-weight:500}.contact-section .socials{margin-top:0;display:flex;flex-direction:column}.contact-section .socials .socials-list{display:flex;flex-wrap:wrap;gap:20px;margin-top:24px}.contact-section .socials .socials-list .social-widget{width:calc(50% - 10px);padding:24px;text-decoration:none;color:rgb(var(--grey-color3));font-weight:500;transition:all .15s ease;display:flex;align-items:center;gap:16px;border-radius:12px;font-size:24px}.contact-section .socials .socials-list .social-widget .social-icon{font-size:24px;color:#fff;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:6px}.contact-section .socials .socials-list .social-widget .social-meta{display:flex;flex-direction:column;justify-content:center}.contact-section .socials .socials-list .social-widget .social-meta h6{font-size:24px;font-weight:600}.contact-section .socials .socials-list .social-widget .social-meta span{font-size:12px;color:rgb(var(--grey-color3));font-weight:400}.contact-section .socials .socials-list .github{border:1px solid rgba(var(--github-color),.1);background:rgba(var(--github-color),.1)}.contact-section .socials .socials-list .github .social-icon{background:rgb(var(--github-color))}.contact-section .socials .socials-list .linkedin{border:1px solid rgba(var(--linkedin-color),.1);background:rgba(var(--linkedin-color),.1)}.contact-section .socials .socials-list .linkedin .social-icon{background:rgb(var(--linkedin-color))}.contact-section .socials .socials-list .twitter{border:1px solid rgba(var(--dark-color),.1);background:rgba(var(--dark-color),.1)}.contact-section .socials .socials-list .twitter .social-icon{background:rgb(var(--dark-color))}.contact-section .socials .socials-list .instagram{border:1px solid rgba(var(--instagram-color),.1);background:rgba(var(--instagram-color),.1)}.contact-section .socials .socials-list .instagram .social-icon{background:rgb(var(--instagram-color))}@media(hover:hover){.contact-section .socials .github:hover{border:1px solid rgba(var(--github-color),.4)}.contact-section .socials .linkedin:hover{border:1px solid rgba(var(--linkedin-color),.4)}.contact-section .socials .twitter:hover{border:1px solid rgba(var(--dark-color),.4)}.contact-section .socials .instagram:hover{border:1px solid rgba(var(--instagram-color),.4)}}.contact-section .emails{margin-top:80px}.contact-section .emails h2{margin-top:24px;color:rgb(var(--grey-color3));font-weight:400;margin-bottom:20px;font-size:16px}.contact-section .emails a{color:rgb(var(--primary-color));transition:all .15s ease;font-size:16px}@media(hover:hover){.contact-section .emails a:hover{color:rgb(var(--light-color));background-color:rgb(var(--primary-color))}}.blogs-section{padding-left:310px;padding-bottom:60px;position:relative;margin-top:110px}.blogs-section h1{font-weight:400;color:rgb(var(--grey-color3));font-size:14px;margin:0}.blog-list{margin-block:0;padding-inline:0;list-style:none;margin-top:30px}.blog-list a{text-decoration:none}.blog-card{margin-bottom:20px;border:1px solid rgba(var(--grey-color5),.15);box-shadow:0 0 14px rgba(var(--grey-color5),.25);background-color:rgb(var(--light-color));padding:16px 20px;border-radius:8px;cursor:pointer;animation:peakDownItem .2s ease both}.blog-card h3{color:rgb(var(--primary-color));font-weight:600;font-size:18px;margin:0!important}.blog-card .blog-meta{margin-top:15px;gap:10px}.blog-card .blog-meta span{color:rgb(var(--blue-color));font-weight:500;font-size:12px;gap:6px}.blog-recommendations{border-width:1px;border-style:solid;border-image:repeating-linear-gradient(to right,rgb(var(--grey-color5)) 0,rgb(var(--grey-color5)) 5px,transparent 5px,transparent 10px) 5;border-left:none;border-right:none;border-bottom:none;margin-top:60px;padding-top:60px}.blog-recommendations h2{font-size:20px!important;font-weight:600!important;margin:0!important}.blog-recommendations .blog-list{display:flex;gap:20px;margin-bottom:40px}.blog-recommendations .blog-list h3{font-size:16px}.blog-page-wrapper{margin-top:60px}.blog-page-wrapper .back-to-blogs{position:-webkit-sticky;position:sticky;text-decoration:none;color:rgb(var(--blue-color2));top:48px;z-index:10;margin-bottom:30px;background-color:rgb(var(--light-color));border:1px solid rgb(var(--grey-color2));border-radius:20px;height:30px;padding:0 5px;overflow:hidden;opacity:0;transform:scale(1.1);animation:backBtnAnimation 4s ease both}.blog-page-wrapper .back-to-blogs span{animation:backLabelAnimation 4s ease both;overflow:hidden;font-weight:400}.blog-page-wrapper .back-to-blogs svg{padding-top:1px;padding-right:.5px}.blog-page-wrapper .blogs-nav{margin-top:-60px;float:right;z-index:6;display:flex;align-items:center;justify-content:flex-end;gap:12px;animation:growNav .5s ease both;overflow:hidden}.blog-page-wrapper .blogs-nav .blogs-share{cursor:pointer;border:1px solid rgb(var(--grey-color2));border-radius:100%;padding:6px;background-color:rgb(var(--dark-color));color:rgb(var(--light-color))}.blog-page-wrapper .blogs-nav .blogs-meta{display:flex;border:1px solid rgb(var(--grey-color2));background-color:rgb(var(--light-color));border-radius:20px;gap:8px;padding:6px 12px}.blog-page-wrapper .blogs-nav .blogs-meta .divider{height:14px;margin-top:2px;width:1px;background-color:dimgray}.blog-page-wrapper .blogs-nav .blogs-meta h6{gap:6px;color:dimgray;font-size:14px;font-weight:500;white-space:nowrap}.blog-page-wrapper .highlighted-code{font-weight:600;font-size:12px;padding:2px 4px;border-radius:4px;background:rgb(var(--white-backdrop));color:rgb(var(--grey-color4))}.blog-page-wrapper h2{margin:20px 0 40px;font-size:36px;font-weight:700}.blog-page-wrapper h3{margin:15px 0;font-weight:600}.blog-page-wrapper h4,.blog-page-wrapper h5{font-weight:500;margin:20px 0 10px}.blog-page-wrapper p{margin:0 0 12.5px;line-height:24px;color:rgb(var(--grey-color3));font-size:15px}.blog-page-wrapper pre{border-radius:6px;margin-bottom:30px}.blog-page-wrapper code{font-size:14px!important}.blog-page-wrapper code,.blog-page-wrapper code *{font-family:monospace!important}.blog-page-wrapper .markdown{animation:peakUpPage .4s ease both;animation-delay:.4s}.blog-page-wrapper .markdown>div>div{line-height:24px;color:rgb(var(--grey-color3));font-size:15px}.blog-page-wrapper .markdown>div>div p{padding-top:10px;padding-left:20px;margin:0}@media screen and (max-width:500px){.blog-page-wrapper{margin-top:0}}.footer{max-width:860px;width:100%;margin:100px auto 24px;padding-top:10px;border-top:1px dashed rgba(var(--grey-color5),.75);animation:fadeInBlur ease;animation-timeline:view();animation-range:entry 30% cover 0}.footer .footer-section{width:100%;display:flex;justify-content:space-between;padding-right:16px}.footer .footer-section span{font-weight:500;font-size:14px;padding-left:16px;color:rgba(var(--grey-color4),.5)}.footer .footer-section img{filter:grayscale(1) brightness(1.25)}.footer .footer-section .footer-about{display:flex;flex-direction:column;justify-content:space-between}.footer .footer-section .footer-links{display:flex;padding-top:16px;gap:60px}.footer .footer-section .footer-links .footer-links-group ul{margin-block:0;padding-inline:0;list-style:none}.footer .footer-section .footer-links .footer-links-group ul li{padding:2px 0}.footer .footer-section .footer-links .footer-links-group ul li a{text-decoration:none;color:rgba(var(--grey-color),.9);font-weight:500;font-size:16px}.flex-between{justify-content:space-between}.flex-between,.flex-center{display:flex;align-items:center}.flex-center{justify-content:center}.flex-start{display:flex;align-items:center;justify-content:flex-start}@media screen and (max-width:500px){#__next::-webkit-scrollbar{width:0!important}h1{font-size:18px!important}.navbar-backdrop{height:60px;bottom:0;top:auto;background:linear-gradient(to bottom,transparent,rgb(var(--white-backdrop)));-webkit-mask-image:linear-gradient(to top,rgb(var(--white-backdrop)) 35%,transparent);mask-image:linear-gradient(to top,rgb(var(--white-backdrop)) 35%,transparent)}.footer{padding:40px 20px 80px}.footer .footer-section{flex-direction:column-reverse;gap:40px;align-items:center;padding-right:0}.footer .footer-section .footer-about{flex-direction:row;justify-content:flex-start}.footer .footer-section .footer-about img{height:24px;width:24px;margin-left:-10px;filter:grayscale(1) brightness(1.9)}.footer .footer-section .footer-about span{border-left:1px solid gray;padding-left:10px;margin-left:10px;font-size:16px}.footer .footer-section .footer-links{justify-content:space-between;width:100%;gap:0}.footer .footer-section .footer-links .footer-links-group ul{padding-top:10px}.footer .footer-section .footer-links .footer-links-group ul li{padding:8px 0}.main-wrapper{padding:0;max-width:100vw}.name-card{top:0;margin:20px auto;min-width:calc(100vw - 36px);max-width:calc(100vw - 36px);border-radius:8px;position:relative;background-color:rgba(var(--grey-color2),.65);border:2px solid rgba(var(--grey-color2),.8);box-shadow:0 0 12px rgba(var(--grey-color5),.15);animation-delay:0s;overflow:hidden}.name-card .name-card-inner{width:100%;padding:12.5px 15px;height:auto;display:flex;align-items:center;gap:32px;text-align:left;border-radius:8px;z-index:2;position:relative;border:none}.name-card .name-card-inner .name-card-image{width:78px;height:78px;overflow:hidden;border-radius:12px;border:3px solid rgb(var(--light-color));box-shadow:none}.name-card .name-card-inner .name-card-image .display-image{width:78px;height:78px;object-position:0 -12px}.name-card .name-card-inner .name-card-image .image-overlay{display:none}.name-card .name-card-inner .name-card-meta{background-color:transparent;padding:0;width:auto;margin:0;box-shadow:none}.name-card .name-card-inner .name-card-meta .name-logo-bottom{display:none}.name-card .name-card-inner .name-card-meta h1{font-size:28px!important;color:rgb(var(--primary-color));margin:0;padding-bottom:4px;white-space:nowrap;display:block}.name-card .name-card-inner .name-card-meta h2{display:none}.name-card .name-card-inner .name-card-meta span{font-size:16px;white-space:nowrap;color:rgb(var(--grey-color))}.name-card .name-logo-left,.name-card .name-logo-right{display:block;position:absolute;right:-150px;top:-90px;z-index:1;opacity:.1;filter:grayscale(1) blur(1px);width:240px}.name-card .name-logo-left{left:-150px}.navbar{top:auto;bottom:20px;animation:peakUp .3s ease both;animation-delay:1s}.about-section{padding:20px;margin-top:0;animation:none;animation-delay:0ms}.about-section .about-section-inner{margin:0 0 40px}.about-section .about-section-inner .about-main{height:calc(100svh - 160px);min-height:540px;margin-bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeInBlur ease reverse;animation-timeline:view();animation-range:cover 10%}.about-section .about-section-inner .about-main h1{margin-top:0;font-size:32px;text-align:center;font-family:inherit}.about-section .about-section-inner .about-main h1 .first-word{display:inline}.about-section .about-section-inner .about-main h1 .second-word{text-transform:none}.about-section .about-section-inner .about-main h1:first-child{font-weight:500;background:linear-gradient(rgb(var(--background-color)),rgb(var(--grey-color2)));border-radius:16px 16px 0 16px;color:rgb(var(--primary-color));font-size:22px!important;border:1px solid rgb(var(--grey-color2));padding:8px 16px;margin-bottom:20px;animation:peakDownItem .2s ease both;animation-delay:.2s}.about-section .about-section-inner .about-main h1:first-child span{font-size:20px}.about-section .about-section-inner .about-main h1:nth-child(2){display:none}.about-section .about-section-inner .about-main h1:nth-child(3){font-size:28px!important;color:rgb(var(--grey-color));animation:peakUpItem .2s ease both;animation-delay:.45s;font-family:var(--font-acorn)}.about-section .about-section-inner .about-main h1 div{display:block;overflow:hidden;height:60px;width:334px;margin-top:20px;animation:peakUpItem .2s ease both;animation-delay:.7s}.about-section .about-section-inner .about-main h1 div span{text-align:center;top:auto;left:50%;font-size:32px;animation:changewordmobile 9s linear infinite}.about-section .about-section-inner .about-main h1 div span:first-child{animation-delay:.25s}.about-section .about-section-inner .about-main h1 div span:nth-child(2){animation-delay:3.25s}.about-section .about-section-inner .about-main h1 div span:nth-child(3){animation-delay:6.25s}.about-section .about-section-inner .about-main .available-to-contact{margin:80px 0;animation:peakUpItem .2s ease both;animation-delay:.9s}.about-section .about-section-inner .about-main .available-to-contact .contact-heading{justify-content:center;margin-bottom:30px}.about-section .about-section-inner .about-main .available-to-contact .contact-heading span{font-size:16px}.about-section .about-section-inner .about-main .available-to-contact .contact-cta-wrapper{justify-content:center}.about-section .about-section-inner .about-main .available-to-contact .contact-cta-wrapper .contact-cta span,.about-section .about-section-inner .about-main .available-to-contact .contact-cta-wrapper .resume-button span{font-size:16px;font-weight:500}.about-section .about-section-inner .about-me{margin-top:0}.about-section .about-section-inner .about-me .about-desc{margin:20px 0 0}.about-section .skills-section,.about-section .socials,.about-section .timeline-section{margin-bottom:60px}.about-section .socials .socials-list{gap:12px}.about-section .socials .socials-list .social-widget{padding:12px 16px;width:calc(50% - 6px);border-radius:8px;gap:10px}.about-section .socials .socials-list .social-widget .social-icon{font-size:18px;height:28px;width:28px}.about-section .socials .socials-list .social-widget .social-icon svg{height:18px;width:18px}.about-section .socials .socials-list .social-widget .social-meta h6{font-size:16px}.about-section .socials .socials-list .social-widget .social-meta span{font-size:11px}.work-section{padding:20px;margin-top:30px}.work-section .work-section-inner .project-section{margin-top:40px}.work-section .work-section-inner .project-section li{margin-bottom:30px}.work-section h1{font-size:14px}.contact-section .emails h2{font-size:16px;width:auto}.contact-section .emails a{font-size:18px}.blogs-section{padding:20px;margin-top:30px;min-height:calc(100vh - 120px)}.blogs-section .blog-list{margin-top:40px}.blog-card{padding:12px}.blog-card h3{font-size:14px}.blog-recommendations .blog-list{display:list-item}.blog-page-wrapper{max-width:calc(100vw - 40px);margin:auto}.blog-page-wrapper .back-to-blogs{top:30px}.blog-page-wrapper .markdown{padding-top:20px}.blog-page-wrapper .blogs-nav{margin-top:-32px;justify-content:flex-end}.blog-page-wrapper h2{font-size:20px}.blog-page-wrapper p{font-size:14px;margin-bottom:5px}.project-card{width:100%;height:calc(100vw - 60px);animation:fadeInBlur ease both;animation-timeline:view();animation-range:entry 30% cover 70%}.project-card .project-card-top .project-details{padding-bottom:30px;bottom:30px}.project-card .project-card-top .project-details .project-name{padding-top:0;padding-bottom:4px;font-size:24px;margin-bottom:10px}.project-card .project-card-top .project-details .project-buttons{transform:scale(1)}.project-card .project-card-top .project-details .project-buttons a{font-size:16px;padding:2px 14px;height:30px}}.rws-backdrop{justify-content:center!important}.rws-backdrop .rws-container{border-radius:.5rem!important;overflow:hidden!important;max-width:500px!important}.rws-backdrop .rws-container header{font-size:20px!important}.fadeInOut{animation:fadeInOut 1s ease infinite both}@keyframes peakDown{0%{transform:translateX(-50%) translateY(-100px);opacity:.5}to{transform:translateX(-50%) translateY(0);opacity:1}}@keyframes peakUp{0%{transform:translateX(-50%) translateY(100px);opacity:.5}to{transform:translateX(-50%) translateY(0);opacity:1}}@keyframes peakDownSection{0%{transform:translateY(-20px) translateZ(0);opacity:0;filter:blur(3px)}60%{transform:translateY(20px) translateZ(0);opacity:1}to{transform:translateY(0) translateZ(0);opacity:1;filter:blur(0)}}@keyframes peakUpItem{0%{transform:translateY(10px) translateZ(0);opacity:0;filter:blur(3px)}60%{transform:translateY(-10px) translateZ(0);opacity:1}to{transform:translateY(0) translateZ(0);opacity:1;filter:blur(0)}}@keyframes peakUpPage{0%{transform:translateY(10px) translateZ(0);opacity:0;filter:blur(2px)}50%{transform:translateY(-10px) translateZ(0);opacity:1}to{transform:translateY(0) translateZ(0);opacity:1;filter:blur(0)}}@keyframes peakDownItem{0%{transform:translateY(-10px) translateZ(0);opacity:0;filter:blur(3px)}40%{transform:translateY(10px) translateZ(0);opacity:1}to{transform:translateY(0) translateZ(0);opacity:1;filter:blur(0)}}@keyframes changeword{0%{transform:translateY(10px) translateZ(0);opacity:0}3.33%{opacity:1;transform:translateY(0) translateZ(0)}30%{opacity:1;filter:blur(0);transform:translateY(0) translateZ(0)}33.33%{opacity:0;transform:translateY(-10px) translateZ(0);filter:blur(3px)}}@keyframes changewordmobile{0%{transform:translateX(-50%) translateY(10px) translateZ(0);opacity:0}2%{opacity:1;transform:translateX(-50%) translateY(0) translateZ(0)}30%{opacity:1;transform:translateX(-50%) translateY(0) translateZ(0);filter:blur(0)}32%{opacity:0;transform:translateX(-50%) translateY(-10px) translateZ(0);filter:blur(3px)}}@keyframes animate-linkedin{50%{background-color:rgb(var(--linkedin-color));color:rgb(var(--light-color))}}@keyframes animate-twitter{50%{background-color:rgb(var(--dark-color));color:rgb(var(--light-color))}}@keyframes animate-github{50%{background-color:rgb(var(--github-color));color:rgb(var(--light-color))}}@keyframes animate-instagram{50%{background-color:rgb(var(--instagram-color));color:rgb(var(--light-color))}}@keyframes animate-email{50%{background-color:rgb(var(--primary-color));color:rgb(var(--light-color))}}@keyframes backBtnAnimation{5%{width:30px}12.5%{width:72px;opacity:1}90%{width:72px}to{width:30px;opacity:1}}@keyframes growNav{0%{width:30px;opacity:0}to{width:250px;opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInBlur{0%{opacity:0;transform:scale(.75);filter:blur(2px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes fadeInOut{0%,to{opacity:0}40%,60%{opacity:1}}@keyframes backLabelAnimation{5%{width:0}12.5%{width:37px}90%{width:37px;opacity:1}to{width:0;opacity:0}}@font-face{font-family:__IBM_Plex_Sans_c8daab;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/7b19b489dc6743ba-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__IBM_Plex_Sans_c8daab;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/28793f5c5e3d822d-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__IBM_Plex_Sans_c8daab;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/c9c3823090ec8b55-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__IBM_Plex_Sans_c8daab;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/b3bf17a9041d9433-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__IBM_Plex_Sans_c8daab;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/2801417b65625cf5-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__IBM_Plex_Sans_c8daab;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/26d4368bf94c0ec4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__IBM_Plex_Sans_c8daab;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/7b19b489dc6743ba-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__IBM_Plex_Sans_c8daab;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/28793f5c5e3d822d-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__IBM_Plex_Sans_c8daab;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/c9c3823090ec8b55-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__IBM_Plex_Sans_c8daab;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/b3bf17a9041d9433-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__IBM_Plex_Sans_c8daab;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/2801417b65625cf5-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__IBM_Plex_Sans_c8daab;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/26d4368bf94c0ec4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__IBM_Plex_Sans_c8daab;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/7b19b489dc6743ba-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__IBM_Plex_Sans_c8daab;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/28793f5c5e3d822d-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__IBM_Plex_Sans_c8daab;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/c9c3823090ec8b55-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__IBM_Plex_Sans_c8daab;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/b3bf17a9041d9433-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__IBM_Plex_Sans_c8daab;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/2801417b65625cf5-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__IBM_Plex_Sans_c8daab;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/26d4368bf94c0ec4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__IBM_Plex_Sans_c8daab;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/7b19b489dc6743ba-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__IBM_Plex_Sans_c8daab;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/28793f5c5e3d822d-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__IBM_Plex_Sans_c8daab;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/c9c3823090ec8b55-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__IBM_Plex_Sans_c8daab;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/b3bf17a9041d9433-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__IBM_Plex_Sans_c8daab;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/2801417b65625cf5-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__IBM_Plex_Sans_c8daab;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/26d4368bf94c0ec4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__IBM_Plex_Sans_Fallback_c8daab;src:local("Arial");ascent-override:101.32%;descent-override:27.18%;line-gap-override:0.00%;size-adjust:101.17%}.__className_c8daab{font-family:__IBM_Plex_Sans_c8daab,__IBM_Plex_Sans_Fallback_c8daab;font-style:normal}.__variable_c8daab{--font-plex:"__IBM_Plex_Sans_c8daab","__IBM_Plex_Sans_Fallback_c8daab"}@font-face{font-family:__acorn_5a7945;src:url(/_next/static/media/84e5bd17ed8ba4c7-s.p.woff) format("woff");font-display:swap}@font-face{font-family:__acorn_Fallback_5a7945;src:local("Arial");ascent-override:96.08%;descent-override:22.66%;line-gap-override:23.65%;size-adjust:101.06%}.__className_5a7945{font-family:__acorn_5a7945,__acorn_Fallback_5a7945}.__variable_5a7945{--font-acorn:"__acorn_5a7945","__acorn_Fallback_5a7945"}