@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Rubik&display=swap);*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0}:root{--lightBackground:#fafafa;--background:#f0f0f5;--invertedBackground:#1a1a1a;--darkBackground:#fff;--textColor:#2d2d2d;--lightText:#2a2a2a40;--darkGrey:#6b7280;--accent:#99f;--lightAccent:#6969df;--darkAccent:#7878e9;--pureInverted:#000}[data-theme=dark]{--lightBackground:#3a3a3a;--background:#1d1d1d;--invertedBackground:#fff;--darkBackground:#181818;--textColor:#e9e9e9;--lightText:#ffffff26;--darkGrey:#9aa0a6;--lightAccent:#99f;--accent:#6969df;--darkAccent:#7878e9;--pureInverted:#fff}.app{height:100vh}.app .sections{height:calc(100vh - 70px);position:relative;top:70px;width:100%}.app .sections::-webkit-scrollbar{display:none}@font-face{.app .sections{font-family:warframe;src:url(/static/media/font.3b83dce167ce856c9f36.ttf) format("truetype")}}.app .loading{align-items:center;background-color:var(--background);display:flex;height:100%;justify-content:center;width:100%}.app h1{font-size:5rem;margin:5px}@media only screen and (max-width:1200px){.app h1{font-size:4rem}}@media only screen and (max-width:600px){.app h1{font-size:3rem}}.app h2{font-size:2rem}@media only screen and (max-width:1200px){.app h2{font-size:1.5rem}}.app h3{font-size:1.375rem}.app h4{color:var(--lightAccent);font-size:3rem}.app h5,.app h6{font-size:1rem}.app h6{color:var(--lightAccent);font-family:Rubik,monospace;font-weight:400;text-transform:uppercase}.app p{align-self:flex-start;font-size:1.125rem;line-height:1.9;margin-block-end:1em;margin-inline-end:0;margin-inline-start:0}.app p,.app svg{display:block}.app .text{color:var(--textColor);font-weight:400}.app .text a{color:var(--textColor)!important;text-decoration:underline}.app .text strong{color:var(--lightAccent);font-weight:600}.app .text ul{list-style-type:disc;padding-bottom:20px;padding-left:1.25rem}.app .text-2{color:var(--lightAccent);font-weight:400}.app b,.app li{font-size:1.125rem}.app b{font-weight:600}.app b,.app i{color:var(--lightAccent)}.app i{font-size:25px;padding:10px}.app .text-header{color:var(--textColor);font-size:1.6rem;font-weight:400;margin:0}.app .pictafy-tech{align-items:center;display:flex;flex-direction:column;width:60%}@media only screen and (max-width:1200px){.app .pictafy-tech{width:70%}}@media only screen and (max-width:600px){.app .pictafy-tech{width:80%}}.app .heading-and-subheading{padding-bottom:10px;width:100%}.app .heading-and-subheading h6{color:var(--lightAccent);font-size:.85rem;letter-spacing:.07em;margin-bottom:2px}.app a{text-decoration:none}.stretch-arrow{background-color:currentColor;background-color:var(--arrow-color,currentColor);border-radius:999px;display:inline-block;height:1px;position:relative;transition:width .25s ease,color .2s ease,background-color .2s ease;width:20px;will-change:width}.stretch-arrow:after{border-right:1px solid;border-right:1px solid var(--arrow-color,currentColor);border-top:1px solid;border-top:1px solid var(--arrow-color,currentColor);content:"";height:7px;position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(45deg);width:7px}.skills-section{background-color:var(--darkBackground);display:flex;justify-content:center;padding:60px 0 20px;width:100%}ul{list-style-type:none;padding:0}.ul-projects-card{display:flex;flex-flow:row wrap;gap:5px;padding:5px 0 0}.ul-projects-card .span-projects-card-tech{background-color:var(--lightBackground);border-radius:30px;color:var(--textColor);margin-bottom:10px;padding:10px 15px}.skills-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));width:100%}.skills-container .skills-grid-item{display:flex;transition:transform .2s ease,box-shadow .2s ease;width:100%}.skills-container .skills-grid-item .skills-inner-item{background-color:var(--darkBackground);border:1px solid var(--lightText);border-radius:12px;box-shadow:0 6px 18px #0000000f;cursor:default;overflow-wrap:break-word;padding:18px 18px 16px;width:100%}.skills-container .skills-grid-item .skills-inner-item:hover{border-color:var(--accent);transform:translateY(-2px)}.skills-container .skills-grid-item .skills-inner-item:hover .skill-icon{color:var(--accent)}.skills-container .skills-grid-item .skills-inner-item .skills-img{height:50px}.skills-container .skills-grid-item .skills-inner-item .skills-title{color:var(--textColor);font-weight:600;margin-bottom:8px;margin-top:10px}.skills-container .skills-grid-item .skills-inner-item .icon{align-items:center;border-radius:0;display:flex;height:30px;justify-content:center;width:30px}.skills-container .skills-grid-item .skills-inner-item .skill-icon{color:var(--lightText);font-size:24px}.skills-container .skills-grid-item .skills-inner-item .ul-skills{list-style-type:none;padding-bottom:2px}.skills-container .skills-grid-item .skills-inner-item .ul-skills .li-skills{color:var(--textColor);font-size:.95rem;margin:8px 0 0}.arrow-up-white{color:var(--textColor)!important;font-size:20px!important;margin-left:6px;padding:0!important;transition:.2s!important}a:hover .arrow-up-white{transform:translateX(2px) translateY(-2px)!important}.picture-labels{align-self:center!important;font-size:14px!important;margin-block-end:0!important;margin-block-start:0!important}body[data-theme=light]::-webkit-scrollbar{width:12px}body[data-theme=light]::-webkit-scrollbar-track{background:#f1f1f1}body[data-theme=light]::-webkit-scrollbar-thumb{background-color:#888;border:3px solid #f1f1f1;border-radius:10px}body[data-theme=dark]::-webkit-scrollbar{width:12px}body[data-theme=dark]::-webkit-scrollbar-track{background:#333}body[data-theme=dark]::-webkit-scrollbar-thumb{background-color:#555;border:3px solid #333;border-radius:10px}.uwu{align-items:center}.pictafy,.uwu{display:flex;justify-content:center}.pictafy{align-items:flex-end;height:100%;padding-top:75px}@media only screen and (max-width:455px){.pictafy{height:400px}}.pictafy .h1-pic{font-size:3.5rem;padding-top:100px}@media only screen and (max-width:455px){.pictafy .h1-pic{padding-top:0}}.pictafy h2{display:inline;font-size:3.5rem}@media only screen and (max-width:1200px){.pictafy h2{font-size:2.5rem}}@media only screen and (max-width:600px){.pictafy{flex-direction:column}}.too{align-self:flex-start}.pictafy-details{background-color:var(--darkBackground);display:flex;justify-content:center;width:100%}.waves{fill:var(--darkBackground)}.picy{background-color:var(--background);width:100%}.wave{fill:var(--background)}.colors{width:70%}.colors,.images{border-radius:10px;margin:10px}.images{width:80%}.firebase{border-radius:10px;margin:10px;width:90%}.tech-small{align-items:center;display:flex;flex-direction:column;width:50%}@media only screen and (max-width:1200px){.tech-small{width:70%}}#projects{scroll-margin-top:100px}.projects-container{background-color:var(--darkBackground)}.projects-container .projects{align-items:center;background-color:var(--background);display:flex;flex-direction:column;padding-bottom:75px;padding-top:110px}.projects-container .projects .heading-and-subheadingg{display:flex;flex-direction:column;justify-content:center;margin-bottom:20px;width:70%}.projects-container .projects .projects-card-container{display:flex;justify-content:center;width:100%}.projects-container .projects .projects-card-container .projects-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));width:70%}@media only screen and (max-width:500px){.projects-container .projects .projects-card-container .projects-grid{grid-template-columns:repeat(auto-fit,minmax(100%,1fr));padding:10px;width:calc(100% - 32px)}}.projects-container .projects .projects-card-container .projects-grid .projects-card{align-items:center;background-color:var(--darkBackground);border:1px solid var(--lightText);border-radius:12px;box-shadow:0 6px 18px #0000000f;display:flex;flex-direction:column;padding-bottom:20px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;width:100%}.projects-container .projects .projects-card-container .projects-grid .projects-card:hover{border-color:var(--accent);cursor:pointer;transform:translateY(-2px)}.projects-container .projects .projects-card-container .projects-grid .projects-card:hover .projects-img{transform:scale(1.05)}.projects-container .projects .projects-card-container .projects-grid .projects-card .projects-img-gradient{border-top-left-radius:12px;border-top-right-radius:12px;display:flex;height:280px;justify-content:center;overflow:hidden;width:100%}.projects-container .projects .projects-card-container .projects-grid .projects-card .projects-img-gradient .projects-img{bottom:-40px;height:400px;position:relative;transition:.25s}.projects-container .projects .projects-card-container .projects-grid .projects-card .project-name-container{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.projects-container .projects .projects-card-container .projects-grid .projects-card .project-name-container .project-language-container{display:flex;gap:8px}.projects-container .projects .projects-card-container .projects-grid .projects-card .project-name-container .project-language{height:25px;object-fit:contain;width:25px}.projects-container .projects .projects-card-container .projects-grid .projects-card .project-name-container .project-opacity:hover{cursor:not-allowed;opacity:60%}.projects-container .projects .projects-card-container .projects-grid .projects-card .project-text-container{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;margin-top:16px;padding:0 20px;width:100%}.projects-container .projects .projects-card-container .projects-grid .projects-card .project-text-container .project-title{font-size:1.25rem;font-weight:500;letter-spacing:.3px}.projects-container .projects .projects-card-container .projects-grid .projects-card .project-text-container .project-description{color:var(--darkGrey);font-size:16px;line-height:1.7;margin-bottom:10px;margin-top:12px}.projects-container .projects .projects-card-container .projects-grid .projects-card .project-text-container .project-button{--arrow-color:var(--darkGrey);align-items:center;display:flex;justify-self:flex-end}.projects-container .projects .projects-card-container .projects-grid .projects-card .project-text-container .projects-button-text{align-self:center;color:var(--darkGrey);font-weight:600;margin-right:0;transition:color .2s ease}.projects-container .projects .projects-card-container .projects-grid .projects-card .project-text-container .projects-button-arrow{color:var(--arrow-color);margin-left:8px;width:18px}.projects-container .projects .projects-card-container .projects-grid .projects-card.no-image{align-items:stretch;padding:18px 18px 16px}.projects-container .projects .projects-card-container .projects-grid .projects-card.no-image .project-text-container{margin-top:0;padding:0}.projects-container .projects .projects-card-container .projects-grid .projects-card.no-image .project-button{margin-top:4px}.projects-container .projects .projects-card-container .projects-grid .soon{justify-content:center;padding-top:20px}.projects-card:hover .project-button .projects-button-text{color:var(--accent)!important}.projects-card:hover .project-button{--arrow-color:var(--accent);color:var(--accent)}.project-button:hover .projects-button-arrow.stretch-arrow,.projects-card:hover .project-button .projects-button-arrow.stretch-arrow{width:28px!important}.projects-card:hover .project-button .projects-button-arrow.stretch-arrow{background-color:var(--accent)!important}.projects-card:hover .project-button .projects-button-arrow.stretch-arrow:after{border-right-color:var(--accent)!important;border-top-color:var(--accent)!important}.container-contact{background-color:var(--darkBackground);border-top:1px solid var(--lightText)}.container-contact .contact{display:flex;justify-content:center;padding:60px 0 40px;width:100%}.container-contact .contact .margin{margin-bottom:24px}.container-contact .contact ul{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(180px,1fr));margin:0;padding:0}.container-contact .contact .li-contact{align-items:center;background-color:var(--darkBackground);border:1px solid var(--lightText);border-radius:12px;display:flex;padding:0;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}@media only screen and (max-width:500px){.container-contact .contact .li-contact{width:100%}}@media only screen and (max-width:900px){.container-contact .contact ul{grid-template-columns:1fr}}.container-contact .contact .icon{color:var(--darkGrey);font-size:1.25rem;transition:color .2s ease,transform .2s ease}.container-contact .contact .contact-link{align-items:center;color:inherit;display:flex;gap:12px;padding:12px 16px;text-decoration:none;width:100%}.container-contact .contact .li-contact:hover{border-color:var(--accent);box-shadow:0 10px 22px #00000014;transform:translateY(-1px)}.container-contact .contact .li-contact:hover .icon{color:var(--accent);transform:scale(1.05)}.container-contact .contact .contact-link .text{color:var(--textColor);font-weight:500;text-decoration:none}.container-contact .contact .li-contact:hover .text{color:var(--accent)}.container-contact .contact .contact-resume-link{align-items:center;color:var(--darkGrey);display:inline-flex;font-weight:500;gap:8px;margin-top:30px;text-decoration:none;transition:color .2s ease,transform .2s ease}.container-contact .contact .contact-resume-link:hover{color:var(--accent)}.container-contact .contact .contact-resume-link:hover .resume-arrow{width:28px}.container-contact .footer{align-items:center;border-top:1px solid var(--lightText);display:flex;justify-content:center;width:100%}.container-contact .footer .footer-text{color:var(--textColor);font-weight:400;margin:20px;text-align:center}.intro{background-image:linear-gradient(to bottom right,var(--darkBackground),var(--background));overflow:hidden;pointer-events:none;position:relative;width:100%}.intro .wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.intro .wrapper-2{pointer-events:auto;text-align:center}.intro .text-muted{color:var(--lightText);font-size:20px}.intro .scroll-down{border:2px solid var(--textColor);border-radius:50px;cursor:pointer;height:50px;left:50%;margin:50px 0 0;padding:0;pointer-events:auto;position:absolute;transform:translateX(-50%);width:30px}.intro .scroll-down:after{animation:scroll-down 3s ease-in-out infinite;border:2px solid var(--textColor);border-left:#0000;border-top:#0000;content:"";height:10px;left:30%;position:absolute;top:20%;transform:rotate(45deg);width:10px}@keyframes scroll-down{50%,to{opacity:0;transform:translateY(15px) rotate(45deg)}0%{opacity:0}20%{opacity:1}}.intro .resume-button{align-items:center;border:2px solid var(--textColor);border-radius:999px;color:var(--textColor);display:inline-flex;font-weight:600;justify-content:center;letter-spacing:.5px;margin-top:24px;padding:12px 22px;pointer-events:auto;text-decoration:none;transition:transform .05s ease,background-color .05s ease,color .05s ease,box-shadow .05s ease}.intro .resume-button:hover{background-color:var(--textColor);box-shadow:0 8px 20px #0003;color:var(--background);transform:translateY(-2px)}.intro .scroll-hint{align-items:center;bottom:28px;display:flex;flex-direction:column;gap:12px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:2}.intro .scroll-hint-text{color:var(--textColor);font-size:.7rem;letter-spacing:.22em;text-transform:uppercase}.intro .scroll-hint-arrow{--arrow-color:var(--lightAccent);animation:scroll-nudge 2s ease-in-out infinite;transform:rotate(90deg)}@keyframes scroll-nudge{0%{opacity:.4;transform:rotate(90deg) translateX(0)}50%{opacity:1;transform:rotate(90deg) translateX(6px)}to{opacity:.4;transform:rotate(90deg) translateX(0)}}.scroll-text-container{position:relative}.scroll-text-container .scroll-text{bottom:-12vh;color:var(--lightText);font-size:20vh;font-weight:600;opacity:.2;position:absolute;white-space:nowrap}#about{scroll-margin-top:80px}#about,.about-container{background-color:var(--darkBackground)}.about-container{overflow-y:hidden}.about-container .bee{cursor:pointer;display:block;margin-top:90px;position:absolute;right:40px;width:82px}.about-container .about{padding:9vmax 0 10px}.about-container .about .pfp-and-p{align-items:flex-start;display:flex;gap:32px;margin:30px;padding-left:30px;width:100%}@media only screen and (max-width:1500px){.about-container .about .pfp-and-p{align-items:center;flex-direction:column;padding:0}}.about-container .about .pfp-and-p .pfp{background-color:var(--darkBackground);flex-shrink:0;height:260px;width:260px}.about-container .about .pfp-and-p .pfp .rita{background-color:var(--accent);border-radius:999px;height:100%;object-fit:cover;transition:.3s;width:100%}.about-container .about .pfp-and-p .pfp .rita:hover{background-color:var(--lightAccent)}@media only screen and (max-width:1500px){.about-container .about .pfp-and-p .pfp{margin:0 auto 20px}}.about-container .about .pfp-and-p .text{line-height:1.8;margin:0;max-width:720px}.about-container .about .pfp-and-p .about-paragraphs .text+.text{margin-top:1.25rem}.timelineContainer{background-color:var(--darkBackground);max-width:100%}.timeline{margin:0 auto;max-width:720px;padding:4rem 1rem}.timeline-stack{background-color:var(--darkBackground)}.timeline-stack .timeline{padding-bottom:2.5rem;padding-top:2.5rem}.timeline-stack .timeline:first-child{padding-top:3.5rem}.timeline-stack .timeline:last-child{padding-bottom:3.5rem}.education-block{background-color:var(--background);border-radius:16px;margin:0 auto;max-width:720px;padding:1rem}.education-list{grid-gap:16px;display:grid;gap:16px}.education-card{background-color:var(--darkBackground);border:1px solid var(--lightText);border-radius:12px;box-shadow:0 6px 18px #0000000f;padding:1rem 1.25rem;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.education-card:hover{border-color:var(--accent);transform:scale(1.005)!important}.education-card:hover .timeline-company,.education-card:hover .timeline-year{color:var(--lightAccent)}.timeline-title{color:var(--textColor);font-size:1.6rem!important;font-weight:600;margin-bottom:1rem}@media (max-width:600px){.timeline-title{font-size:1.4rem}}.timeline-wrapper{position:relative}.timeline-line{background-color:var(--lightText);bottom:0;left:20px;position:absolute;top:0;transform-origin:top;width:2px}.timeline-list{list-style:none;margin:0;padding:0}.timeline-item{margin-bottom:3rem;padding-left:64px;position:relative}.timeline-dot{background-color:var(--textColor);border-radius:50%;height:14px;left:14px;position:absolute;top:10px;transform:translateX(-50%);transition:background-color .2s ease,transform .2s ease;width:14px;z-index:2}.timeline-card{background-color:var(--darkBackground);border:1px solid var(--lightText);border-radius:12px;padding:1rem 1.25rem;will-change:transform,opacity}.timeline-card:hover{border-color:var(--accent)}.timeline-card:hover .timeline-company,.timeline-card:hover .timeline-year{color:var(--lightAccent)}.timeline-item:hover .timeline-dot{background-color:var(--accent);transform:translateX(-50%) scale(1.05)}.timeline-year{color:var(--darkGrey);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.timeline-item-title{color:var(--textColor);font-size:1rem;font-weight:600;margin:.25rem 0}.timeline-company{color:var(--darkGrey);font-size:.85rem;margin-bottom:.25rem}.timeline-description{color:var(--textColor);font-size:.9rem;margin:.5rem 0 0}.topbar{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:fixed;width:100%;z-index:999}.topbar .topbar-nav-projects{align-items:center;color:var(--invertedBackground);display:flex;font-size:18px;position:relative}.topbar .topbar-nav-projects:after{bottom:-8px;content:"";height:8px;left:0;position:absolute;right:0}.topbar .topbar-nav-projects .topbar-dropdown{background-color:var(--darkBackground);border-radius:0;box-shadow:0 10px 24px #0000002e;display:flex;flex-direction:column;gap:0;min-width:220px;padding:6px 0;position:absolute;right:0;top:100%}.topbar .topbar-nav-projects .topbar-dropdown-text{align-items:center;color:var(--textColor);display:flex;font-size:15px;justify-content:center;padding:10px 14px;transition:background-color .12s ease,color .12s ease}.topbar .topbar-nav-projects .topbar-dropdown-text:hover{color:var(--darkAccent)}.topbar .topbar-nav-projects:hover{color:var(--lightAccent)}.topbar .wrapper{align-items:center;display:flex;justify-content:space-between;padding:10px 30px}.topbar .wrapper .left{display:flex;justify-content:flex-end;padding:5px 0}.topbar .wrapper .left .logo{height:35px;width:35px}.topbar .wrapper .right{align-items:center;display:flex}.topbar .wrapper .right .toggle{margin-left:20px}.topbar .wrapper .right .hamburger{cursor:pointer;display:none;flex-direction:column;height:25px;justify-content:space-between;margin-left:30px;width:32px}.topbar .wrapper .right .hamburger span{background-color:var(--invertedBackground);height:2px;transform-origin:left;transition:all .5s ease;width:100%}.topbar .wrapper .right .hamburger .line2{align-self:center;width:50%}.topbar.active .hamburger span:first-child{background-color:var(--textColor);transform:rotate(45deg)}.topbar.active .hamburger span:nth-child(2){opacity:0;transform:rotate(405deg)}.topbar.active .hamburger span:last-child{background-color:var(--textColor);transform:rotate(-45deg)}.notification-bar{background-color:var(--darkBackground);color:var(--background);padding:10px;position:fixed;text-align:center;top:0;width:100%;z-index:1000}.notificationText{color:var(--textColor);font-weight:400;margin-right:20px;padding-left:16px;padding-right:16px}.notif-padding{display:block!important;position:relative!important}.notification-bar button{background-color:initial;border:none;color:var(--textColor);cursor:pointer;font-size:20px;margin-left:20px}.react-toggle-track{background-color:var(--lightText)!important;box-shadow:inset 0 0 0 1px #0000000a;position:relative;transition:background-color .2s ease,border-color .2s ease}.react-toggle-thumb{background-color:var(--darkBackground)!important;border:1px solid var(--lightText)!important;box-shadow:0 3px 8px #0003!important;transition:transform .2s ease,border-color .2s ease}.react-toggle{height:22px;width:44px}.react-toggle-track{border-radius:999px!important;height:22px!important;width:44px!important}.react-toggle-thumb{border-radius:50%!important;height:18px!important;left:2px!important;top:2px!important;width:18px!important}.react-toggle--checked .react-toggle-thumb{left:24px!important}.react-toggle--checked .react-toggle-track{background-color:var(--accent)!important}.react-toggle:focus .react-toggle-thumb{box-shadow:0 0 0 3px #6969df59!important}.react-toggle-track:before{color:#f59e0b;content:"☀";font-size:12px;left:7px}.react-toggle-track:after,.react-toggle-track:before{opacity:.75;position:absolute;top:50%;transform:translateY(-50%)}.react-toggle-track:after{color:var(--textColor);content:"🌙";font-size:11px;right:6px}.ul-menu{gap:20px;justify-content:space-around}.topbar-nav-item,.ul-menu{align-items:center;display:flex}.topbar-nav-item{color:var(--invertedBackground);font-size:18px;position:relative;transition:color .1s ease-out}.topbar-nav-item:before{background-color:var(--lightAccent);border-radius:2px;bottom:-4px;content:"";height:2px;left:0;opacity:0;position:absolute;transition:width .25s ease,opacity .25s ease;width:0}.topbar-nav-item:hover:before{opacity:1;width:100%}.ul-menu li{align-items:center;display:flex}.topbar-nav-item:hover{color:var(--lightAccent)}@media(max-width:769px){.hamburger{display:flex!important}.ul-menu{display:none}.toggle{margin-right:0!important}}.react-toggle{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;background-color:initial;border:0;cursor:pointer;display:inline-block;padding:0;position:relative;touch-action:pan-x;-webkit-user-select:none;user-select:none}.react-toggle-screenreader-only{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.react-toggle--disabled{cursor:not-allowed;opacity:.5;transition:opacity .25s}.react-toggle-track{background-color:#4d4d4d;border-radius:30px;height:24px;padding:0;transition:all .2s ease;width:50px}.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#000}.react-toggle--checked .react-toggle-track{background-color:#19ab27}.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#128d15}.react-toggle-track-check{bottom:0;height:10px;left:8px;line-height:0;margin-bottom:auto;margin-top:auto;opacity:0;position:absolute;top:0;transition:opacity .25s ease;width:14px}.react-toggle--checked .react-toggle-track-check,.react-toggle-track-x{opacity:1;transition:opacity .25s ease}.react-toggle-track-x{bottom:0;height:10px;line-height:0;margin-bottom:auto;margin-top:auto;position:absolute;right:10px;top:0;width:10px}.react-toggle--checked .react-toggle-track-x{opacity:0}.react-toggle-thumb{background-color:#fafafa;border:1px solid #4d4d4d;border-radius:50%;box-sizing:border-box;height:22px;left:1px;position:absolute;top:1px;transition:all .5s cubic-bezier(.23,1,.32,1) 0ms;transition:all .25s ease;width:22px}.react-toggle--checked .react-toggle-thumb{border-color:#19ab27;left:27px}.react-toggle--focus .react-toggle-thumb{box-shadow:0 0 2px 3px #0099e0}.react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb{box-shadow:0 0 5px 5px #0099e0}.menu{align-items:center;background-color:var(--background);box-shadow:6px 0 20px #0000002e;display:flex;flex-direction:column;height:100%;justify-content:center;left:-200px;position:fixed;top:0;transition:.5s ease;width:200px;z-index:999}.menu.active{left:0}.menu .menu-nav-projects{align-items:center;color:var(--textColor);cursor:pointer;flex-direction:column;font-size:22px;width:100%}.menu .menu-nav-projects .menu-projects-nav{align-items:center;display:flex;justify-content:center;width:100%}.menu .menu-nav-projects .menu-projects-nav .menu-arrow{color:var(--textColor);padding:0 0 0 5px}.menu .menu-nav-projects .menu-dropdown{background-color:var(--lightBackground);display:flex;flex-direction:column;gap:20px;margin-top:10px;padding:14px;text-align:center;transition:2s;width:100%}.menu .menu-nav-projects .menu-dropdown .menu-dropdown-text{align-items:center;color:var(--textColor);display:inline-block;display:flex;font-size:16px;justify-content:center;width:100%}.menu .ul-menu{display:flex;flex-direction:column;height:70%;justify-content:space-evenly;width:100%}.menu .width-100{width:100%}.menu .li-menu{color:var(--textColor);display:inline-block;font-size:22px;text-align:center;transition:2s ease;transition:.1s ease-out;width:100%}@media(min-width:769px){.menu{left:-200px!important}}.details-top-container{justify-content:center;position:relative}.details,.details-top-container{align-items:center;display:flex;flex-direction:column}.details{background-color:var(--background)}.details-space{height:300px;width:100%}.details-name-container{padding:30px;position:absolute!important;text-align:center}.details-name{color:#fff;font-size:3.5rem;font-weight:500}.details-language-container{align-items:center;background-color:#fff;border-radius:50px;display:flex;height:40px;justify-content:center;width:40px}.details-languages{display:flex;gap:8px;margin-top:-4px;width:100%}.details-language{height:25px;object-fit:contain;width:25px}.details-opacity:hover{cursor:not-allowed;opacity:60%}.details-card-container{display:flex;justify-content:center;margin-top:20px;width:100%}.details-card-container .details-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));width:100%}@media only screen and (max-width:500px){.details-card-container .details-grid{grid-template-columns:repeat(auto-fit,minmax(100%,1fr));padding:10px;width:calc(100% - 32px)}}.details-card{align-items:center;display:flex;flex-direction:column;margin-bottom:30px;padding:20px}@media only screen and (max-width:500px){.details-card{padding:20px 0}}.details-card:hover .projects-img{transform:scale(1.05)}.details-card .details-img{border-radius:20px;box-shadow:0 2px 6px #0003;height:auto;margin-bottom:10px;width:200px}.details-card .details-text-container{align-items:center!important;display:flex;flex-direction:column;justify-content:center;margin:10px;text-align:center;width:100%}.details-card .details-text-container .details-title{color:var(--textColor);font-weight:500}.details-card .details-text-container .details-description{align-self:center;color:var(--textColor);font-size:18px;margin-top:12px;max-width:300px}.video{margin-top:10px;width:30%}.swiper-pagination-bullet,.swiper-pagination-bullet-active{background-color:var(--textColor)!important}.swiper-button-next,.swiper-button-prev{background:var(--lightBackground);border-radius:50%;box-shadow:0 2px 6px #0003;color:var(--textColor)!important;height:35px!important;top:37%!important;transform:translateY(-50%);width:35px!important}.swiper-button-prev:after{font-size:14px!important;left:37%!important;position:absolute}.swiper-button-next:after{font-size:14px!important;position:absolute;right:37%!important}@font-face{font-family:swiper-icons;font-style:normal;font-weight:400;src:url("data:application/font-woff;charset=utf-8;base64, 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")}:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:ease;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}.swiper-lazy-preloader{border:4px solid #007aff;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:8px;bottom:var(--swiper-pagination-bottom,8px);left:0;top:auto;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{background:#000;background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:50%;border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:8px;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:.2;opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:8px;width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px))}button.swiper-pagination-bullet{-webkit-appearance:none;appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:1;opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:auto;left:var(--swiper-pagination-left,auto);right:8px;right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{display:block;margin:6px 0;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px;margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:inherit;color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:#00000040;background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{height:4px;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{height:100%;left:0;top:0;width:4px;width:var(--swiper-pagination-progressbar-size,4px)}.swiper-pagination-lock{display:none}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-theme-color);color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:44px;height:var(--swiper-navigation-size);justify-content:center;margin-top:-22px;margin-top:calc(0px - var(--swiper-navigation-size)/2);position:absolute;top:50%;top:var(--swiper-navigation-top-offset,50%);width:27px;width:calc(var(--swiper-navigation-size)/44*27);z-index:10}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{height:100%;object-fit:contain;transform-origin:center;width:100%}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:44px;font-size:var(--swiper-navigation-size);font-variant:normal;letter-spacing:0;line-height:1;text-transform:none!important}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{left:auto;right:10px;right:var(--swiper-navigation-sides-offset,10px)}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.pm-details{background-color:var(--darkBackground);padding:90px 0 70px}.pm-details .pictafy-tech{margin:0 auto;width:70%}@media only screen and (max-width:1200px){.pm-details .pictafy-tech{width:80%}}@media only screen and (max-width:600px){.pm-details .pictafy-tech{width:90%}}.pm-details-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:24px}.pm-details-card{background-color:var(--darkBackground);border:1px solid var(--lightText);border-radius:12px;box-shadow:0 6px 18px #0000000f;padding:18px 18px 16px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.pm-details-card:hover{border-color:var(--accent);transform:translateY(-2px)}.pm-details-title{color:var(--textColor);font-size:1rem;font-weight:600;margin:0 0 8px}.pm-details-card .text{font-size:.95rem;line-height:1.6;margin:0}