:root{--body-sm-font-family: "Fira Code", monospace;--body-sm-font-weight: 400;--body-sm-font-size: 14px;--body-sm-letter-spacing: 0px;--body-sm-line-height: 19.600000381469727px;--body-sm-font-style: normal;--body-md-font-family: "Fira Code", monospace;--body-md-font-weight: 400;--body-md-font-size: 16px;--body-md-letter-spacing: 0px;--body-md-line-height: 24px;--body-md-font-style: normal;--body-lg-font-family: "Fira Code", monospace;--body-lg-font-weight: 400;--body-lg-font-size: 18px;--body-lg-letter-spacing: 0px;--body-lg-line-height: 27px;--body-lg-font-style: normal;--heading-h1-font-family: "Fira Code", monospace;--heading-h1-font-weight: 400;--heading-h1-font-size: 60px;--heading-h1-letter-spacing: 0px;--heading-h1-line-height: 66px;--heading-h1-font-style: normal;--heading-h4-font-family: "Fira Code", monospace;--heading-h4-font-weight: 400;--heading-h4-font-size: 30px;--heading-h4-letter-spacing: 0px;--heading-h4-line-height: 42px;--heading-h4-font-style: normal}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideInFromTop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.animate-fade-in-up{animation:fadeInUp .8s ease-out}.animate-fade-in-left{animation:fadeInLeft .8s ease-out}.animate-fade-in-right{animation:fadeInRight .8s ease-out}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-slide-in-top{animation:slideInFromTop .6s ease-out}*{-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;box-sizing:border-box}html,body{margin:0;height:100%}button:focus-visible{outline:2px solid #4a90e2!important;outline:-webkit-focus-ring-color auto 5px!important}a{text-decoration:none}.w100{width:100%}.h100{height:100%}.v-flex{display:flex;flex-direction:column}.text-align-start{text-align:start!important}.d-flex{display:flex;flex-wrap:wrap}.flex{display:flex!important}.justify-content-center{justify-content:center}.flex-contents{display:contents}.relative{position:relative}.flex-1{flex:1}.justify-content-end{justify-content:end;display:flex}.flex-direction{flex-direction:column}.align-items-center{display:flex;align-items:center}.justify-content-start{justify-content:start!important}.align-items-end{align-items:end}.between{display:flex;align-items:center;justify-content:space-between}.slot-center{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.pointer{cursor:pointer}.portfolio-home{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:100vh;padding:24px;background-color:#020618}.portfolio-home{width:100%;height:auto}.portfolio-home .home-foreground{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;border:1px solid #314158;background-color:#0f172b;border-radius:8px;overflow:hidden;flex:1;align-self:stretch;flex-grow:1}.portfolio-home .home-foreground{width:100%;height:auto}.portfolio-home .header-desktop{display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-bottom:1px solid #314158;flex:0 0 auto;align-self:stretch}.portfolio-home .header-desktop{width:100%;height:56px}.portfolio-home .logo-container{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:128px;flex:0 0 auto}.portfolio-home .name-logo{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;padding:16px 24px;flex:0 0 auto}.portfolio-home .text-wrapper{font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);font-size:var(--body-md-font-size);color:#90a1b9;letter-spacing:var(--body-md-letter-spacing);line-height:var(--body-md-line-height);font-style:var(--body-md-font-style);margin-top:-1px;white-space:nowrap}.portfolio-home .text-wrapper{width:fit-content;height:auto}.portfolio-home .nav-menu{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;list-style-type:none;padding:0;margin:0}.portfolio-home .menu-item{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;border-left:1px solid #314158;border-right:1px solid #314158;flex:0 0 auto}.portfolio-home .menu-item-2{border-right:none;border-left:1px solid #314158}.portfolio-home .tab{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;border-bottom:3px solid #ffb86a;padding:16px 35px;text-decoration:none;flex:0 0 auto}.portfolio-home .tab .text-wrapper-2{font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);font-size:var(--body-md-font-size);color:#f8fafc;letter-spacing:var(--body-md-letter-spacing);line-height:var(--body-md-line-height);font-style:var(--body-md-font-style);margin-top:-3px;white-space:nowrap}.portfolio-home .tab .text-wrapper-2{width:fit-content;height:auto}.portfolio-home .tab-wrapper{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;border-right:1px solid #314158;flex:0 0 auto}.portfolio-home .div-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;padding:16px 35px;text-decoration:none;flex:0 0 auto}.portfolio-home .home-content{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:146px;max-width:1200px;margin:0 auto;padding:0 2rem;flex:1}@media (max-width: 640px){.portfolio-home .home-content{padding:0 1.5rem}}.portfolio-home .home-content{width:100%;height:auto}.portfolio-home .home-content{background-image:url(https://c.animaapp.com/mcuvvhde03bkCM/img/background-blurs.png);background-repeat:no-repeat;background-position:right;background-size:contain}.portfolio-home .home-content .about-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:75px}.portfolio-home .home-content .about-container .introduction{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-around;gap:10px}.portfolio-home .home-content .about-container .introduction{width:100%;height:auto}.portfolio-home .home-content .about-container .introduction .introduction-2{font-weight:400;font-size:18px;line-height:27px;color:#90a1b9}.portfolio-home .home-content .about-container .introduction .div-2{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-around;gap:15px}.portfolio-home .home-content .about-container .introduction .div-2 .name{font-weight:400;font-size:60px;line-height:66px;color:#f8fafc;margin-block-start:0px!important;margin-block-end:0px!important;margin-inline-start:0px;margin-inline-end:0px}.portfolio-home .home-content .about-container .introduction .div-2 .job-title{font-size:30px;font-weight:400;line-height:42px;color:#615fff}.portfolio-home .home-content .job-title{font-family:var(--heading-h4-font-family);font-weight:var(--heading-h4-font-weight);font-size:var(--heading-h4-font-size);color:#615eff;letter-spacing:var(--body-md-letter-spacing);line-height:var(--body-md-line-height);font-style:var(--body-md-font-style);align-self:stretch}.portfolio-home .home-content .complete-game,.portfolio-home .home-content .more-about{font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);font-size:var(--body-md-font-size);color:#90a1b9;letter-spacing:var(--body-md-letter-spacing);line-height:var(--body-md-line-height);font-style:var(--body-md-font-style);align-self:stretch;margin-top:-1px}.portfolio-home .home-content .git-link{font-family:Fira Code;font-weight:400;font-size:16px;color:transparent;letter-spacing:var(--body-md-letter-spacing);line-height:var(--body-md-line-height);font-style:var(--body-md-font-style);line-height:16px;letter-spacing:0;align-self:stretch}.portfolio-home .home-content .git-link .span{font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);font-size:var(--body-md-font-size);color:#615eff;letter-spacing:var(--body-md-letter-spacing);line-height:var(--body-md-line-height);font-style:var(--body-md-font-style)}.portfolio-home .home-content .git-link .text-wrapper-3{font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);font-size:var(--body-md-font-size);color:#f8fafc;letter-spacing:var(--body-md-letter-spacing);line-height:var(--body-md-line-height);font-style:var(--body-md-font-style)}.portfolio-home .home-content .git-link .text-wrapper-4{font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);font-size:var(--body-md-font-size);color:#00d5be;letter-spacing:var(--body-md-letter-spacing);line-height:var(--body-md-line-height);font-style:var(--body-md-font-style)}.portfolio-home .home-content .git-link .text-wrapper-5{color:#ffa1ad;line-height:24px;text-decoration:underline}.portfolio-home .home-content .snake-game{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:24px;border:1px solid #314158;padding:35px;border-radius:8px;box-shadow:inset 0 2px #ffffff4c;backdrop-filter:blur(32px) brightness(100%);-webkit-backdrop-filter:blur(32px) brightness(100%);background:linear-gradient(154deg,#175553b3,#43d9ad17);flex:0 0 auto}.portfolio-home .home-content .group{position:relative;background-color:#1d293d;border-radius:8px;box-shadow:inset 1px 5px 11px #01111ab5}.portfolio-home .home-content .group{width:238.69px;height:405.32px}.portfolio-home .home-content .snake{position:absolute;top:53px;left:88px}.portfolio-home .home-content .snake{width:62px;height:192px}.portfolio-home .home-content .snake-body{position:absolute;top:34px;left:6px}.portfolio-home .home-content .snake-body{width:60px;height:162px}.portfolio-home .home-content .snake-food{position:absolute;top:0;left:0}.portfolio-home .home-content .snake-food{width:21px;height:21px}.portfolio-home .home-content .overlap-group{height:21px;border-radius:10.35px;position:relative}.portfolio-home .home-content .ellipse-3,.portfolio-home .home-content .ellipse-2,.portfolio-home .home-content .ellipse{position:absolute;background-color:#46ecd5;border-radius:10.35px}.portfolio-home .home-content .ellipse{position:absolute;top:0;left:0;opacity:.1}.portfolio-home .home-content .ellipse{width:21px;height:21px}.portfolio-home .home-content .ellipse-2{position:absolute;top:3px;left:3px;border-radius:7.35px;opacity:.2}.portfolio-home .home-content .ellipse-2{width:15px;height:15px}.portfolio-home .home-content .ellipse-3{position:absolute;top:6px;left:6px;border-radius:4px}.portfolio-home .home-content .ellipse-3{width:8px;height:8px}.portfolio-home .home-content .button{position:absolute;top:312px;left:65px;background-color:#ffb86a}.portfolio-home .home-content .button{all:unset;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:opacity .2s ease}.portfolio-home .home-content .button:hover{opacity:.8}.portfolio-home .home-content .button:focus{outline:2px solid #615eff;outline-offset:2px}.portfolio-home .home-content .button .button-text{font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);font-size:var(--body-sm-font-size);color:#020618;letter-spacing:var(--body-md-letter-spacing);line-height:var(--body-md-line-height);font-style:var(--body-md-font-style);margin-top:-1px;text-align:center;white-space:nowrap}.portfolio-home .home-content .button .button-text{width:fit-content;height:auto}.portfolio-home .home-content .component{border:1px solid #f8fafc;flex:0 0 auto}.portfolio-home .home-content .component{all:unset;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:opacity .2s ease}.portfolio-home .home-content .component:hover{opacity:.8}.portfolio-home .home-content .component:focus{outline:2px solid #615eff;outline-offset:2px}.portfolio-home .home-content .component .button-text-2{font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);font-size:var(--body-sm-font-size);color:#f8fafc;letter-spacing:var(--body-md-letter-spacing);line-height:var(--body-md-line-height);font-style:var(--body-md-font-style);margin-top:-1px;white-space:nowrap}.portfolio-home .home-content .component .button-text-2{width:fit-content;height:auto}.portfolio-home .home-content .frame{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;align-self:stretch}.portfolio-home .home-content .frame{width:180px;height:auto}.portfolio-home .home-content .frame-2{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:24px;flex:0 0 auto;align-self:stretch}.portfolio-home .home-content .frame-2{width:100%;height:auto}.portfolio-home .home-content .game-nav{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:10px;background-color:#1d293d;border-radius:8px;flex:0 0 auto;align-self:stretch}.portfolio-home .home-content .game-nav{width:100%;height:auto}.portfolio-home .home-content .text-wrapper-6{font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);font-size:var(--body-sm-font-size);color:#f8fafc;letter-spacing:var(--body-md-letter-spacing);line-height:var(--body-md-line-height);font-style:var(--body-md-font-style);margin-top:-1px;align-self:stretch}.portfolio-home .home-content .buttons{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:68px}.portfolio-home .home-content .icon-arrow-solid-wrapper,.portfolio-home .home-content .button-top{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;border:1px solid #314158;padding:6px;background-color:#0a0a0a;border-radius:8px;cursor:pointer;transition:opacity .2s ease}.portfolio-home .home-content .icon-arrow-solid-wrapper,.portfolio-home .home-content .button-top{width:48px;height:auto}.portfolio-home .home-content .icon-arrow-solid-wrapper:hover,.portfolio-home .home-content .button-top:hover{opacity:.8}.portfolio-home .home-content .icon-arrow-solid-wrapper:focus,.portfolio-home .home-content .button-top:focus{outline:2px solid #615eff;outline-offset:2px}.portfolio-home .home-content .button-top{flex:1;flex-grow:1}.portfolio-home .home-content .buttons-bottom{display:flex;flex-direction:row;align-items:flex-end;justify-content:center;gap:8px;flex:0 0 auto}.portfolio-home .home-content .icon-arrow-solid{position:relative}.portfolio-home .home-content .icon-arrow-solid{width:18px;height:18px}.portfolio-home .home-content .food-left{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:0 10px;flex:0 0 auto;align-self:stretch}.portfolio-home .home-content .food-left{width:100%;height:auto}.portfolio-home .home-content .food{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;flex:0 0 auto}.portfolio-home .home-content .food{width:136px;height:auto}.portfolio-home .home-content .frame-3{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;flex:0 0 auto;align-self:stretch}.portfolio-home .home-content .frame-3{width:100%;height:auto}.portfolio-home .home-content .snake-s-food{position:relative}.portfolio-home .home-content .snake-s-food{width:20.69px;height:20.69px}.portfolio-home .home-content .overlap-group-2{position:relative;border-radius:10.35px}.portfolio-home .home-content .overlap-group-2{width:21px;height:21px}.portfolio-home .home-content .overlap-wrapper{position:relative;opacity:.3}.portfolio-home .home-content .overlap-wrapper{width:20.69px;height:20.69px}.portfolio-home .home-content .bolt-up-right,.portfolio-home .home-content .bolt-down-right,.portfolio-home .home-content .bolt-down-left,.portfolio-home .home-content .bolt-up-left{position:absolute;border-radius:6.5px}.portfolio-home .home-content .bolt-up-right,.portfolio-home .home-content .bolt-down-right,.portfolio-home .home-content .bolt-down-left,.portfolio-home .home-content .bolt-up-left{width:13px;height:13px}.portfolio-home .home-content .bolt-up-left{position:absolute;top:12px;left:12px;box-shadow:inset 0 1px 2px #198176,2px 2px 4px #0d4241}.portfolio-home .home-content .bolt-down-left{position:absolute;top:445px;left:12px;box-shadow:inset 0 1px 2px #16635b,2px 2px 4px #092d31}.portfolio-home .home-content .bolt-down-right{position:absolute;top:445px;left:482px;box-shadow:inset 0 1px 2px #2b578d,2px 2px 4px #122c4d}.portfolio-home .home-content .bolt-up-right{position:absolute;top:12px;left:482px;box-shadow:inset 0 1px 2px #1f8076,2px 2px 4px #0d4241}.portfolio-home .home-content .vector{position:absolute;top:4px;left:3px}.portfolio-home .home-content .vector{width:6px;height:5px}.portfolio-home .footer-desktop{width:100%;display:flex;align-items:center;justify-content:space-between;max-height:56px;border-top:1px solid var(--theme-theme-stroke, #314158)}.portfolio-home .footer-desktop .social-links{display:flex;align-items:center;justify-content:flex-start}.portfolio-home .footer-desktop .social-links .find-me-in{border-right:1px solid var(--theme-theme-stroke, #314158);padding:16px;flex:0 0 auto}.portfolio-home .footer-desktop .social-links .social-media-icons-wrapper{display:flex;align-items:center;justify-content:center;padding:16px;border-right:1px solid var(--theme-theme-stroke, #314158)}.portfolio-home .footer-desktop .social-links .social-media-icons-wrapper ion-icon{font-size:24px;color:#62748e!important}.portfolio-home .footer-desktop .git-username{border-left:1px solid var(--theme-theme-stroke, #314158);display:flex;align-items:center;justify-content:center;padding:16px}.portfolio-home .footer-desktop .git-username .frame-4{display:flex;align-items:center;justify-content:center}.portfolio-home .footer-desktop .git-username .frame-4 .text-wrapper{margin-right:8px}.portfolio-home .footer-desktop .git-username .frame-4 .icon-git{width:24px;height:24px}html,body{margin:0;padding:0;width:100%;height:100%;font-family:var(--font-family);font-size:var(--font-default-size);font-weight:var(--font-default-weight);background-color:var(--body-background-color);color:var(--text-dark-color);scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--container-bg)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color-hover)}*{scrollbar-width:thin;scrollbar-color:var(--primary-color) var(--container-bg)}