@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/7fea77d1d19108bf-s.c949a514.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/1bcd0e671759a44c-s.a3ed597e.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/e15f58668ad64cb8-s.319fa961.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/90c51ce8fb754fe8-s.323431dc.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/57215795b8570f5c-s.0f2c7ba8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/03fc1b4a8d284b5e-s.p.af4fcd24.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,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;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/7fea77d1d19108bf-s.c949a514.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/1bcd0e671759a44c-s.a3ed597e.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/e15f58668ad64cb8-s.319fa961.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/90c51ce8fb754fe8-s.323431dc.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/57215795b8570f5c-s.0f2c7ba8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/03fc1b4a8d284b5e-s.p.af4fcd24.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,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;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/7fea77d1d19108bf-s.c949a514.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/1bcd0e671759a44c-s.a3ed597e.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/e15f58668ad64cb8-s.319fa961.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/90c51ce8fb754fe8-s.323431dc.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/57215795b8570f5c-s.0f2c7ba8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/03fc1b4a8d284b5e-s.p.af4fcd24.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,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;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/7fea77d1d19108bf-s.c949a514.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/1bcd0e671759a44c-s.a3ed597e.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/e15f58668ad64cb8-s.319fa961.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/90c51ce8fb754fe8-s.323431dc.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/57215795b8570f5c-s.0f2c7ba8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/03fc1b4a8d284b5e-s.p.af4fcd24.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,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;src:local(Arial);ascent-override:101.32%;descent-override:27.18%;line-gap-override:0.0%;size-adjust:101.17%}.ibm_plex_sans_9567f529-module__aGlsga__className{font-family:IBM Plex Sans,IBM Plex Sans Fallback;font-style:normal}.ibm_plex_sans_9567f529-module__aGlsga__variable{--font-plex:"IBM Plex Sans","IBM Plex Sans Fallback"}
@font-face{font-family:acorn;src:url(../media/acorn-s.p.381740b2.woff)format("woff");font-display:swap}@font-face{font-family:acorn Fallback;src:local(Arial);ascent-override:96.08%;descent-override:22.66%;line-gap-override:23.65%;size-adjust:101.06%}.acorn_a52bd3f5-module__mzHvBG__className{font-family:acorn,acorn Fallback}.acorn_a52bd3f5-module__mzHvBG__variable{--font-acorn:"acorn","acorn Fallback"}
:root{--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%}*{-webkit-tap-highlight-color:#0000;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;box-sizing:border-box;margin:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scroll-behavior:smooth;background-color:#0000}body{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%);min-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);margin:0}body #__next{flex-direction:column;min-height:100dvh;display:flex}.main-wrapper{flex:1;max-width:860px;margin:0 auto;padding:60px 0 0}.main-wrapper .section-header{color:rgb(var(--secondary-color));font-size:36px;font-weight:500;font-family:var(--font-acorn);text-align:center;padding-bottom:10px;animation:.5s ease-out both fadeIn}.navbar-backdrop{z-index:3;-webkit-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)));width:100vw;height:120px;-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);position:fixed;top:0;left:0}.navbar{z-index:5;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:rgba(var(--navbar-bg),.75);border:1.5px solid rgba(var(--navbar-bg),.85);width:351px;height:43px;box-shadow:0px 0px 16px rgba(var(--primary-box-shadow),.5);border-radius:25px;justify-content:center;align-items:center;animation:.35s both peakDown;display:flex;position:fixed;top:40px;left:50%;transform:translate(-50%)}.navbar-menu{border-radius:25px;justify-content:space-between;align-items:center;margin-block:0;padding-inline:0;list-style:none;display:flex;position:relative;overflow:hidden}.slider{background:rgb(var(--primary-color));z-index:1;border-radius:20px;width:116px;height:40px;transition:left .15s ease-out;position:absolute;top:0;left:0}.btn{width:116px;height:40px;color:rgb(var(--primary-color));z-index:3;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#0000;border-radius:20px;justify-content:center;align-items:center;gap:10px;font-size:16px;font-weight:600;text-decoration:none;transition:all .15s;display:flex;position:relative}.btn:focus-visible{box-shadow:inset 0 0 0 2px rgb(var(--light-color)),inset 0 0 0 4px rgba(var(--primary-color),.9);outline:none}.btn.active{color:rgb(var(--light-color));transition:all .1s ease-out}.blur-image{filter:blur(20px)}.no-blur{filter:blur()}:where(a,button,[role=button],input,select,textarea,summary):focus-visible{outline:2px solid rgb(var(--primary-color));outline-offset:2px}.name-card{z-index:2;min-width:240px;max-width:240px;animation:.5s ease-out both peakDownSection;position:fixed;top:180px}.name-card .name-logo-right,.name-card .name-logo-left{display:none}.name-card .name-card-inner{text-align:center;border:2px solid rgb(var(--grey-color2));border-radius:80px 80px 6px 6px;width:240px}.name-card .name-card-inner .name-card-image{background-color:rgb(var(--brown-color));width:236px;height:336px;box-shadow:0px 0px 32px rgb(var(--brown-color));border-radius:78px 78px 0 0;position:relative;overflow:hidden}.name-card .name-card-inner .name-card-image .display-image{object-fit:cover;object-position:0px 0px;filter:brightness(1.1);width:100%;height:100%;transition:all .5s}.name-card .name-card-inner .name-card-image .image-overlay{background:linear-gradient(to bottom,transparent,rgb(var(--secondary-color)));width:100%;height:40px;position:absolute;bottom:0}.name-card .name-card-inner .name-card-meta{background:rgb(var(--secondary-color));text-align:left;width:236px;box-shadow:0px 0px 32px rgb(var(--secondary-color));border-radius:0 0 4px 4px;align-items:center;gap:12px;padding:2px 10px;display:flex;position:relative}.name-card .name-card-inner .name-card-meta .name-logo-bottom{filter:grayscale()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{color:rgb(var(--white-color2));font-size:14px;font-weight:500;line-height:14px}.name-card .name-card-inner .name-card-meta span{color:rgb(var(--grey-color2));font-size:12px;font-weight:500;line-height:12px}.project-card{border:2px solid rgb(var(--grey-color2));background:rgb(var(--light-color));border-radius:24px;width:260px;height:260px;padding:3px;animation:.2s both peakDownItem;position:relative;overflow:hidden}@media (hover:hover){.project-card:hover .card-image{transition:all .2s;transform:scale(1.05)}.project-card:hover .project-card-top .project-details{transition:all .4s;bottom:10px}.project-card:hover .project-card-top .project-details .project-name{margin-bottom:10px;font-size:18px;transition:all .4s}.project-card:hover .project-card-top .project-details .project-buttons{transition:all .4s;transform:scale(1)}}.project-card:focus-within .card-image{transition:none;transform:scale(1.05)}.project-card:focus-within .project-card-top .project-details{transition:none;bottom:10px}.project-card:focus-within .project-card-top .project-details .project-name{margin-bottom:10px;font-size:18px;transition:none}.project-card:focus-within .project-card-top .project-details .project-buttons{transition:none;transform:scale(1)}.project-card .project-card-top{border-radius:20px;width:100%;height:100%;position:relative;overflow:hidden}.project-card .project-card-top .card-image{object-fit:cover;object-position:top;width:100%;height:100%;transition:all .5s}.project-card .project-card-top .project-details-bg{background:linear-gradient(to bottom,transparent 20%,rgb(var(--blue-color3))100%);width:100%;height:80px;position:absolute;bottom:0;left:0}.project-card .project-card-top .project-details{text-align:center;width:100%;height:60px;padding:0 15px 15px;transition:all .2s;position:absolute;bottom:-20px;left:0}.project-card .project-card-top .project-details .project-name{text-shadow:0 0 5px rgb(var(--grey-color));color:rgb(var(--light-color));margin-bottom:40px;font-size:20px;font-weight:600;transition:all .4s}.project-card .project-card-top .project-details .project-buttons{justify-content:center;align-items:center;gap:10px;transition:all .4s;display:flex;transform:scale(.9)}.project-card .project-card-top .project-details .project-buttons a{background:rgba(var(--primary-color),.85);height:26px;color:rgb(var(--light-color));border:1px solid rgba(var(--primary-color),.85);border-radius:25px;justify-content:center;align-items:center;padding:0 14px;font-size:12px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.project-card .project-card-top .project-details .project-buttons a:focus-visible{box-shadow:0 0 0 2px rgb(var(--light-color)),0 0 0 4px rgba(var(--primary-color),.8);outline:none}@media (hover:hover){.project-card .project-card-top .project-details .project-buttons a:hover{transition:all .2s;transform:scale(1.05)}}.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{margin-top:124px;padding-left:310px;animation:.5s .25s both fadeIn;position:relative}.about-section .skills-section{width:100%;margin-top:80px;position:relative;overflow:hidden}.about-section .skills-section h1{color:rgb(var(--grey-color3));font-size:14px;font-weight:400}.about-section .skills-section .skills-list{flex-wrap:wrap;align-items:center;gap:7.5px;width:100%;margin-top:24px;display:flex}.about-section .skills-section .skills-list .skill-pill{background-color:rgba(var(--navbar-bg),.45);border:rgba(var(--navbar-bg),.65)1px solid;box-shadow:0px 0px 3px rgba(var(--navbar-bg),.25);border-radius:6px;align-items:center;gap:5px;padding:4px 7px;text-decoration:none;transition:all .1s;animation:.1s both peakDownItem;display:flex;overflow:hidden}.about-section .skills-section .skills-list .skill-pill:focus-visible{box-shadow:inset 0 0 0 2px rgb(var(--light-color)),inset 0 0 0 4px rgba(var(--primary-color),.75);outline:none}@media (hover:hover){.about-section .skills-section .skills-list .skill-pill:hover{background-color:rgb(var(--navbar-bg));transition:all .2s}}.about-section .skills-section .skills-list .skill-pill span{color:rgb(var(--grey-color3));-webkit-user-select:none;user-select:none;font-size:14px;font-weight:400}.about-section .available-to-contact{margin-top:114px}.about-section .available-to-contact .contact-heading,.about-section .available-to-contact .contact-cta{align-items:center;gap:10px;display:flex}.about-section .available-to-contact .contact-heading span,.about-section .available-to-contact .contact-cta span{color:rgb(var(--grey-color));font-size:16px;font-weight:500}.about-section .available-to-contact .contact-cta-wrapper{align-items:center;gap:18px;margin:15px 0;display:flex}.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));border:1px solid rgba(var(--primary-color),.5);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:8.25px 14px;transition:all .2s;display:flex}.about-section .available-to-contact .contact-cta-wrapper .contact-cta span,.about-section .available-to-contact .contact-cta-wrapper .resume-button span{color:rgb(var(--light-color));font-size:15px;font-weight:500}@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}.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{border:1px solid rgba(var(--primary-color),.25);gap:5px;padding:7px 14px;text-decoration:none;background-color:rgba(var(--primary-color),.25)!important}.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{padding-bottom:5px;font-size:16px;font-weight:600}.about-section .timeline-section .timeline-org .org-levels{border-left:3px solid #0000;flex-direction:column;gap:16px;margin:10px 0 10px 8px;display:flex}.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{align-items:center;gap:10px;display:flex}.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{color:rgb(var(--grey-color3));font-size:16px;font-weight:500}.about-section .skills-section,.about-section .timeline-section,.about-section .contact-section,.about-section .emails{animation:both fadeInBlur}@supports (animation-timeline:view()){.about-section .skills-section,.about-section .timeline-section,.about-section .contact-section,.about-section .emails{animation-timeline:view();animation-range:entry cover 30%}}.about-section h1{color:rgb(var(--grey-color3));margin:0;font-size:14px;font-weight:400}.about-section .about-section-inner .about-main{height:calc(100vh - 300px);min-height:500px}.about-section .about-section-inner .about-main h1{color:rgb(var(--grey-color3));font-size:36px;font-weight:500;font-family:var(--font-acorn);padding-bottom:16px}.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{opacity:0;width:max-content;color:rgb(var(--grey-color4));font-weight:600;animation:6s linear infinite changeword;position:absolute;left:8px}.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:both fadeInBlur}@supports (animation-timeline:view()){.about-section .about-me{animation-timeline:view();animation-range:entry cover 60%}}.about-section .about-me .about-desc{flex-direction:column;gap:24px;margin-block:24px 0;padding-inline-start:8px;font-size:16px;font-weight:400;list-style-type:"⁍";display:flex}.about-section .about-me .about-desc li{color:rgb(var(--grey-color4));padding-left:12px;line-height:22px}.about-section .about-me .about-desc li b{color:rgb(var(--dark-color));font-weight:500}.work-section{margin-top:110px;padding-bottom:60px;padding-left:310px}.work-section .work-section-inner .project-section{margin-block:0;flex-wrap:wrap;gap:30px;margin:30px 0;padding-inline:0;list-style:none;display:flex}.work-section .work-section-inner .project-section li{flex:260px}.work-section .work-section-inner .view-more-wrapper{animation:.2s .55s both peakDownItem}.work-section .work-section-inner .view-more-wrapper .view-more{background-color:rgb(var(--dark-color));color:rgb(var(--light-color));text-align:center;border-radius:20px;margin-top:10px;padding:10px 20px;text-decoration:none;transition:all .2s}@media (hover:hover){.work-section .work-section-inner .view-more-wrapper .view-more:hover{transition:all .2s;transform:scale(1.05)}}.work-section h1{color:rgb(var(--grey-color3));margin:0;font-size:14px;font-weight:400}.contact-section{margin-top:80px}.contact-section .contact-section-inner.animate-contact .socials .github{animation:.2s .75s both animate-github}.contact-section .contact-section-inner.animate-contact .socials .linkedin{animation:.2s .875s both animate-linkedin}.contact-section .contact-section-inner.animate-contact .socials .instagram{animation:.2s 1s both animate-instagram}.contact-section .contact-section-inner.animate-contact .socials .twitter{animation:.2s 1.125s both animate-twitter}.contact-section .contact-section-inner.animate-contact .emails a{animation:.2s 1.25s both animate-email}.contact-section h1{color:rgb(var(--grey-color3));margin:0;font-size:14px;font-weight:400}.contact-section .emails a{font-weight:500;text-decoration:none}.contact-section .socials{flex-direction:column;margin-top:0;display:flex}.contact-section .socials .socials-list{flex-wrap:wrap;gap:20px;margin-top:24px;display:flex}.contact-section .socials .socials-list .social-widget{width:calc(50% - 10px);color:rgb(var(--grey-color3));border-radius:12px;align-items:center;gap:16px;padding:24px;font-size:24px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.contact-section .socials .socials-list .social-widget .social-icon{color:#fff;border-radius:6px;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;display:flex}.contact-section .socials .socials-list .social-widget .social-meta{flex-direction:column;justify-content:center;display:flex}.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{color:rgb(var(--grey-color3));font-size:12px;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{color:rgb(var(--grey-color3));margin-top:24px;margin-bottom:20px;font-size:16px;font-weight:400}.contact-section .emails a{color:rgb(var(--primary-color));font-size:16px;transition:all .15s}@media (hover:hover){.contact-section .emails a:hover{color:rgb(var(--light-color));background-color:rgb(var(--primary-color))}}.blogs-section{margin-top:110px;padding-bottom:60px;padding-left:310px;position:relative}.blogs-section h1{color:rgb(var(--grey-color3));margin:0;font-size:14px;font-weight:400}.blog-list{margin-block:0;margin-top:30px;padding-inline:0;list-style:none}.blog-list a{text-decoration:none}.blog-card{border:1px solid rgba(var(--grey-color5),.15);box-shadow:0 1px 2px rgba(var(--dark-color),.04),0 10px 24px rgba(var(--grey-color5),.2);background-color:rgb(var(--light-color));cursor:pointer;border-radius:8px;margin-bottom:20px;padding:16px 20px;transition:box-shadow .18s;animation:.2s both peakDownItem;display:block}@media (hover:hover){.blog-card:hover{box-shadow:0 2px 6px rgba(var(--dark-color),.06),0 14px 30px rgba(var(--primary-box-shadow),.28)}}.blog-card:focus-visible{border-color:rgba(var(--primary-color),.55);box-shadow:0 0 0 2px rgb(var(--light-color)),0 0 0 4px rgba(var(--primary-color),.65),0 12px 26px rgba(var(--primary-box-shadow),.24);outline:none}.blog-card h3{color:rgb(var(--primary-color));font-size:18px;font-weight:600;margin:0!important}.blog-card .blog-meta{gap:10px;margin-top:15px}.blog-card .blog-meta span{color:rgb(var(--blue-color));gap:6px;font-size:12px;font-weight:500}.blog-recommendations{border-style:solid;border-width:1px;border-image:repeating-linear-gradient(to right,rgb(var(--grey-color5))0,rgb(var(--grey-color5))5px,transparent 5px,transparent 10px)5;border-bottom:none;border-left:none;border-right:none;margin-top:60px;padding-top:60px}.blog-recommendations h2{margin:0!important;font-size:20px!important;font-weight:600!important}.blog-recommendations .blog-list{gap:20px;margin-bottom:40px;display:flex}.blog-recommendations .blog-list h3{font-size:16px}.blog-page-wrapper{margin-top:60px}.blog-page-wrapper .back-to-blogs{color:rgb(var(--blue-color2));z-index:10;background-color:rgb(var(--light-color));border:1px solid rgb(var(--grey-color2));opacity:0;border-radius:20px;height:30px;margin-bottom:30px;padding:0 5px;text-decoration:none;animation:4s both backBtnAnimation;position:sticky;top:48px;overflow:hidden;transform:scale(1.1)}.blog-page-wrapper .back-to-blogs span{font-weight:400;animation:4s both backLabelAnimation;overflow:hidden}.blog-page-wrapper .back-to-blogs svg{padding-top:1px;padding-right:.5px}.blog-page-wrapper .blogs-nav{float:right;z-index:6;justify-content:flex-end;align-items:center;gap:12px;margin-top:-60px;animation:.5s both growNav;display:flex;overflow:hidden}.blog-page-wrapper .blogs-nav .blogs-share{cursor:pointer;border:1px solid rgb(var(--grey-color2));background-color:rgb(var(--dark-color));color:rgb(var(--light-color));border-radius:100%;padding:6px}.blog-page-wrapper .blogs-nav .blogs-share:focus-visible{box-shadow:inset 0 0 0 2px rgb(var(--light-color)),inset 0 0 0 4px rgba(var(--primary-color),.75);outline:none}.blog-page-wrapper .blogs-nav .blogs-meta{border:1px solid rgb(var(--grey-color2));background-color:rgb(var(--light-color));border-radius:20px;gap:8px;padding:6px 12px;display:flex}.blog-page-wrapper .blogs-nav .blogs-meta .divider{background-color:#696969;width:1px;height:14px;margin-top:2px}.blog-page-wrapper .blogs-nav .blogs-meta h6{color:#696969;white-space:nowrap;gap:6px;font-size:14px;font-weight:500}.blog-page-wrapper .highlighted-code{background:rgb(var(--white-backdrop));color:rgb(var(--grey-color4));border-radius:4px;padding:2px 4px;font-size:12px;font-weight:600}.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{margin:20px 0 10px;font-weight:500}.blog-page-wrapper p{color:rgb(var(--grey-color3));margin:0 0 12.5px;font-size:15px;line-height:24px}.blog-page-wrapper pre{border-radius:6px;margin-bottom:30px}.blog-page-wrapper code{font-family:monospace!important;font-size:14px!important}.blog-page-wrapper code *{font-family:monospace!important}.blog-page-wrapper .markdown{animation:.4s .4s both peakUpPage}.blog-page-wrapper .markdown>div>div{color:rgb(var(--grey-color3));font-size:15px;line-height:24px}.blog-page-wrapper .markdown>div>div p{margin:0;padding-top:10px;padding-left:20px}@media screen and (max-width:500px){.blog-page-wrapper{margin-top:0}}.footer{border-top:1px dashed rgba(var(--grey-color5),.75);width:100%;max-width:860px;margin:100px auto 24px;padding-top:10px;animation:fadeInBlur}@supports (animation-timeline:view()){.footer{animation-timeline:view();animation-range:entry 30% cover 0%}}.footer .footer-section{justify-content:space-between;width:100%;padding-right:16px;display:flex}.footer .footer-section span{color:rgba(var(--grey-color4),.5);padding-left:16px;font-size:14px;font-weight:500}.footer .footer-section img{filter:grayscale()brightness(1.25)}.footer .footer-section .footer-about{flex-direction:column;justify-content:space-between;display:flex}.footer .footer-section .footer-links{gap:60px;padding-top:16px;display:flex}.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{color:rgba(var(--grey-color),.9);font-size:16px;font-weight:500;text-decoration:none}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-start{justify-content:flex-start;align-items:center;display:flex}@media screen and (max-width:500px){#__next::-webkit-scrollbar{width:0!important}.navbar-backdrop{background:linear-gradient(to bottom,transparent,rgb(var(--white-backdrop)));height:60px;-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);top:auto;bottom:0}@supports (-webkit-touch-callout:none){.navbar-backdrop{display:none}}.footer{padding:40px 20px 80px}.footer .footer-section{flex-direction:column-reverse;align-items:center;gap:40px;padding-right:0}.footer .footer-section .footer-about{flex-direction:row;justify-content:flex-start}.footer .footer-section .footer-about img{filter:grayscale()brightness(1.9);width:24px;height:24px;margin-left:-10px}.footer .footer-section .footer-about span{border-left:1px solid gray;margin-left:10px;padding-left:10px;font-size:16px}.footer .footer-section .footer-links{justify-content:space-between;gap:0;width:100%}.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{max-width:100vw;padding:0}.name-card{background-color:rgba(var(--grey-color2),.65);border:2px solid rgba(var(--grey-color2),.8);min-width:calc(100vw - 36px);max-width:calc(100vw - 36px);box-shadow:0px 0px 12px rgba(var(--grey-color5),.15);border-radius:8px;margin:20px auto;animation-delay:0s;position:relative;top:0;overflow:hidden}.name-card .name-card-inner{text-align:left;z-index:2;border:none;border-radius:8px;align-items:center;gap:32px;width:100%;height:auto;padding:12.5px 15px;display:flex;position:relative}.name-card .name-card-inner .name-card-image{border:3px solid rgb(var(--light-color));width:78px;height:78px;box-shadow:none;border-radius:12px;overflow:hidden}.name-card .name-card-inner .name-card-image .display-image{object-position:0 -12px;width:78px;height:78px}.name-card .name-card-inner .name-card-image .image-overlay{display:none}.name-card .name-card-inner .name-card-meta{width:auto;box-shadow:none;background-color:#0000;margin:0;padding:0}.name-card .name-card-inner .name-card-meta .name-logo-bottom{display:none}.name-card .name-card-inner .name-card-meta h1{color:rgb(var(--primary-color));white-space:nowrap;margin:0;padding-bottom:4px;display:block;font-size:28px!important}.name-card .name-card-inner .name-card-meta h2{display:none}.name-card .name-card-inner .name-card-meta span{white-space:nowrap;color:rgb(var(--grey-color));font-size:16px}.name-card .name-logo-right,.name-card .name-logo-left{z-index:1;opacity:.1;filter:grayscale()blur(1px);width:240px;display:block;position:absolute;top:-90px;right:-150px}.name-card .name-logo-left{left:-150px}.navbar{animation:.3s 1s both peakUp;top:auto;bottom:20px}.about-section{margin-top:0;padding:20px;animation:none}.about-section .about-section-inner{margin:0 0 40px}.about-section .about-section-inner .about-main{flex-direction:column;justify-content:center;align-items:center;height:calc(100svh - 160px);min-height:540px;margin-bottom:0;animation:reverse fadeInBlur;display:flex}@supports (animation-timeline:view()){.about-section .about-section-inner .about-main{animation-timeline:view();animation-range:cover 10%}}.about-section .about-section-inner .about-main h1{text-align:center;margin-top:0;font-family:inherit;font-size:32px}.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{background:linear-gradient(rgb(var(--background-color)),rgb(var(--grey-color2)));color:rgb(var(--primary-color));border:1px solid rgb(var(--grey-color2));border-radius:16px 16px 0;margin-bottom:20px;padding:8px 16px;font-weight:500;animation:.2s .2s both peakDownItem;font-size:22px!important}.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){color:rgb(var(--grey-color));font-family:var(--font-acorn);animation:.2s .45s both peakUpItem;font-size:28px!important}.about-section .about-section-inner .about-main h1 div{width:334px;height:60px;margin-top:20px;animation:.2s .7s both peakUpItem;display:block;overflow:hidden}.about-section .about-section-inner .about-main h1 div span{text-align:center;font-size:32px;animation:9s linear infinite changewordmobile;top:auto;left:50%}.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:.2s .9s both peakUpItem}.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 .resume-button span,.about-section .about-section-inner .about-main .available-to-contact .contact-cta-wrapper .contact-cta 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 .timeline-section,.about-section .socials{margin-bottom:60px}.about-section .socials .socials-list{gap:12px}.about-section .socials .socials-list .social-widget{border-radius:8px;gap:10px;width:calc(50% - 6px);padding:12px 16px}.about-section .socials .socials-list .social-widget .social-icon{width:28px;height:28px;font-size:18px}.about-section .socials .socials-list .social-widget .social-icon svg{width:18px;height: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{margin-top:30px;padding:20px}.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{width:auto;font-size:16px}.contact-section .emails a{font-size:18px}.blogs-section{min-height:calc(100vh - 120px);margin-top:30px;padding:20px}.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{justify-content:flex-end;margin-top:-32px}.blog-page-wrapper h2{font-size:20px}.blog-page-wrapper p{margin-bottom:5px;font-size:14px}.project-card{width:100%;height:calc(100vw - 60px);animation:both fadeInBlur}@supports (animation-timeline:view()){.project-card{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{margin-bottom:10px;padding-top:0;padding-bottom:4px;font-size:24px}.project-card .project-card-top .project-details .project-buttons{transform:scale(1)}.project-card .project-card-top .project-details .project-buttons a{height:30px;padding:2px 14px;font-size:16px}}.rws-backdrop{justify-content:center!important}.rws-backdrop .rws-container{border-radius:.5rem!important;max-width:500px!important;overflow:hidden!important}.rws-backdrop .rws-container header{font-size:20px!important}.fadeInOut{animation:1s infinite both fadeInOut}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes peakDown{0%{opacity:.5;transform:translate(-50%)translateY(-100px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes peakUp{0%{opacity:.5;transform:translate(-50%)translateY(100px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes peakDownSection{0%{opacity:0;filter:blur(3px);transform:translateY(-20px)translateZ(0)}60%{opacity:1;transform:translateY(20px)translateZ(0)}to{opacity:1;filter:blur();transform:translateY(0)translateZ(0)}}@keyframes peakUpItem{0%{opacity:0;filter:blur(3px);transform:translateY(10px)translateZ(0)}60%{opacity:1;transform:translateY(-10px)translateZ(0)}to{opacity:1;filter:blur();transform:translateY(0)translateZ(0)}}@keyframes peakUpPage{0%{opacity:0;filter:blur(2px);transform:translateY(10px)translateZ(0)}50%{opacity:1;transform:translateY(-10px)translateZ(0)}to{opacity:1;filter:blur();transform:translateY(0)translateZ(0)}}@keyframes peakDownItem{0%{opacity:0;filter:blur(3px);transform:translateY(-10px)translateZ(0)}40%{opacity:1;transform:translateY(10px)translateZ(0)}to{opacity:1;filter:blur();transform:translateY(0)translateZ(0)}}@keyframes changeword{0%{opacity:0;transform:translateY(10px)translateZ(0)}3.33%{opacity:1;transform:translateY(0)translateZ(0)}30%{opacity:1;filter:blur();transform:translateY(0)translateZ(0)}33.33%{opacity:0;filter:blur(3px);transform:translateY(-10px)translateZ(0)}}@keyframes changewordmobile{0%{opacity:0;transform:translate(-50%)translateY(10px)translateZ(0)}2%{opacity:1;transform:translate(-50%)translateY(0)translateZ(0)}30%{opacity:1;filter:blur();transform:translate(-50%)translateY(0)translateZ(0)}32%{opacity:0;filter:blur(3px);transform:translate(-50%)translateY(-10px)translateZ(0)}}@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%{opacity:1;width:72px}90%{width:72px}to{opacity:1;width:30px}}@keyframes growNav{0%{opacity:0;width:30px}to{opacity:1;width:250px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInBlur{0%{opacity:0;filter:blur(2px);transform:scale(.75)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes fadeInOut{0%,to{opacity:0}40%,60%{opacity:1}}@keyframes backLabelAnimation{5%{width:0}12.5%{width:37px}90%{opacity:1;width:37px}to{opacity:0;width:0}}