@import url(https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap);.introduction{grid-gap:48px;align-items:center;display:grid;gap:48px;grid-template-columns:1fr 400px;min-height:80vh;overflow:hidden;position:relative}.introduction:before{background:radial-gradient(circle at 10% 20%,#b196ff1a 0,#0000 50%),radial-gradient(circle at 90% 80%,#6d42e91a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.introduction .title-container{position:relative;z-index:1}.introduction .title-container .name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#b196ff,#6d42e9);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:12px}.introduction .title-container .position{color:#b196ff;font-size:1.5rem;font-weight:600;letter-spacing:2px;margin-bottom:24px;text-transform:uppercase}.introduction .title-container .summary{color:#dbd8e3e6;font-size:1.125rem;line-height:1.7;margin:0;text-align:justify}.introduction .picture-container{position:relative;z-index:1}.introduction .picture-container .profile-picture{border-radius:20px;box-shadow:0 20px 40px #0000004d;height:400px;object-fit:cover;transition:all .3s ease;width:100%}.introduction .picture-container .profile-picture:hover{box-shadow:0 25px 50px #0006;transform:scale(1.02)}@media(max-width:768px){.introduction{gap:32px;grid-template-columns:1fr;text-align:center}.introduction .title-container .name{font-size:2.5rem}.introduction .title-container .position{font-size:1.25rem}.introduction .title-container .summary{text-align:left}.introduction .picture-container .profile-picture{height:300px}}.image-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.image-modal-content{align-items:center;display:flex;flex-direction:column;gap:20px;max-height:90vh;max-width:90vw;position:relative}.image-modal-content .modal-close-btn{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:2rem;height:40px;position:absolute;right:0;top:-50px;transition:all .3s ease;width:40px;z-index:1001}.image-modal-content .modal-close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.image-modal-content .modal-image-container{max-height:70vh;max-width:100%;position:relative}.image-modal-content .modal-image-container .modal-image{border-radius:12px;box-shadow:0 20px 40px #00000080;max-height:100%;max-width:100%;object-fit:contain}.image-modal-content .modal-image-container .modal-carousel-btn{background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;height:50px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px}.image-modal-content .modal-image-container .modal-carousel-btn:hover{background:#000000e6;transform:translateY(-50%) scale(1.1)}.image-modal-content .modal-image-container .modal-carousel-btn.prev{left:-70px}.image-modal-content .modal-image-container .modal-carousel-btn.next{right:-70px}@media(max-width:768px){.image-modal-content .modal-image-container .modal-carousel-btn.prev{left:-60px}.image-modal-content .modal-image-container .modal-carousel-btn.next{right:-60px}}.image-modal-content .modal-image-indicators{display:flex;gap:10px}.image-modal-content .modal-image-indicators .modal-indicator{background:#ffffff80;border:none;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.image-modal-content .modal-image-indicators .modal-indicator.active{background:#b196ff;transform:scale(1.3)}.image-modal-content .modal-image-indicators .modal-indicator:hover{background:#fffc}.image-modal-content .modal-image-info{color:#fff;text-align:center}.image-modal-content .modal-image-info h3{font-size:1.5rem;font-weight:600;margin:0 0 8px}.image-modal-content .modal-image-info p{color:#ffffffb3;font-size:.875rem;margin:0}.project-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:16px;display:flex;flex-direction:column;height:480px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.project-card .card-header{cursor:pointer;height:180px;overflow:hidden;position:relative}.project-card .card-header .image-container{height:100%;position:relative;width:100%}.project-card .card-header .image-container .project-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.project-card .card-header .image-container .project-image:hover{transform:scale(1.05)}.project-card .card-header .image-container .carousel-btn{background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:18px;height:40px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:40px;z-index:2}.project-card .card-header .image-container .carousel-btn:hover{background:#000000e6;transform:translateY(-50%) scale(1.1)}.project-card .card-header .image-container .carousel-btn.prev{left:10px}.project-card .card-header .image-container .carousel-btn.next{right:10px}.project-card .card-header .image-container .image-indicators{bottom:10px;display:flex;gap:6px;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.project-card .card-header .image-container .image-indicators .indicator{background:#ffffff80;border:none;border-radius:50%;cursor:pointer;height:8px;transition:all .3s ease;width:8px}.project-card .card-header .image-container .image-indicators .indicator.active{background:#b196ff;transform:scale(1.2)}.project-card .card-header .image-container .image-indicators .indicator:hover{background:#fffc}.project-card .card-header .project-title-section{background:linear-gradient(#0000,#000c);bottom:0;left:0;padding:20px 16px 16px;position:absolute;right:0}.project-card .card-header .project-title-section .project-title{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 8px;text-shadow:0 2px 4px #00000080}.project-card .card-header .project-title-section .project-badges{display:flex;flex-wrap:wrap;gap:8px}.project-card .card-header .project-title-section .project-badges .badge{border-radius:12px;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.project-card .card-header .project-title-section .project-badges .badge.collaborative{background:#563f97cc;color:#fff}.project-card .card-header .project-title-section .project-badges .badge.status{background:#b196ffcc;color:#fff}.project-card .card-navigation{background:#0003;border-bottom:1px solid #ffffff1a;display:flex}.project-card .card-navigation .nav-tab{background:none;border:none;color:#dbd8e3b3;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:12px 8px;position:relative;transition:all .2s ease}.project-card .card-navigation .nav-tab:hover{background:#ffffff0d;color:#dbd8e3}.project-card .card-navigation .nav-tab.active{background:#b196ff1a;color:#b196ff}.project-card .card-navigation .nav-tab.active:after{background:#b196ff;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.project-card .card-content{flex:1 1;overflow:hidden;padding:16px}.project-card .card-content .tab-content{animation:fadeIn .3s ease;height:100%}.project-card .card-content .tab-content.overview{display:flex;flex-direction:column;justify-content:space-between}.project-card .card-content .tab-content.overview .description{-webkit-box-orient:vertical;color:#dbd8e3;display:-webkit-box;flex:1 1;font-size:.875rem;line-height:1.5;margin:0;overflow:hidden;overflow-y:auto;padding-right:8px}.project-card .card-content .tab-content.overview .description::-webkit-scrollbar{width:4px}.project-card .card-content .tab-content.overview .description::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.project-card .card-content .tab-content.overview .description::-webkit-scrollbar-thumb{background:#b196ff80;border-radius:2px}.project-card .card-content .tab-content.overview .description::-webkit-scrollbar-thumb:hover{background:#b196ffb3}.project-card .card-content .tab-content.overview .project-meta{align-items:center;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding-top:12px}.project-card .card-content .tab-content.overview .project-meta .date,.project-card .card-content .tab-content.overview .project-meta .version{color:#dbd8e399;font-size:.75rem;font-weight:500}.project-card .card-content .tab-content.tech .tech-stack{grid-gap:12px;align-content:start;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));height:100%;overflow-y:auto;padding-right:8px}.project-card .card-content .tab-content.tech .tech-stack::-webkit-scrollbar{width:4px}.project-card .card-content .tab-content.tech .tech-stack::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.project-card .card-content .tab-content.tech .tech-stack::-webkit-scrollbar-thumb{background:#b196ff80;border-radius:2px}.project-card .card-content .tab-content.tech .tech-stack::-webkit-scrollbar-thumb:hover{background:#b196ffb3}.project-card .card-content .tab-content.tech .tech-stack .tech-item{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;flex-direction:column;padding:8px;transition:all .2s ease}.project-card .card-content .tab-content.tech .tech-stack .tech-item:hover{background:#ffffff1a;transform:translateY(-2px)}.project-card .card-content .tab-content.tech .tech-stack .tech-item.more{background:#b196ff33;border:1px dashed #b196ff80;justify-content:center}.project-card .card-content .tab-content.tech .tech-stack .tech-item.more .more-count{color:#b196ff;font-size:.875rem;font-weight:600}.project-card .card-content .tab-content.tech .tech-stack .tech-item .tech-icon{height:24px;margin-bottom:4px;width:24px}.project-card .card-content .tab-content.tech .tech-stack .tech-item .tech-name{color:#dbd8e3;font-size:.75rem;font-weight:500;text-align:center}.project-card .card-content .tab-content.links .links-container{display:flex;flex-direction:column;gap:8px;height:100%;overflow-y:auto;padding-right:8px}.project-card .card-content .tab-content.links .links-container::-webkit-scrollbar{width:4px}.project-card .card-content .tab-content.links .links-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.project-card .card-content .tab-content.links .links-container::-webkit-scrollbar-thumb{background:#b196ff80;border-radius:2px}.project-card .card-content .tab-content.links .links-container::-webkit-scrollbar-thumb:hover{background:#b196ffb3}.project-card .card-content .tab-content.links .links-container .project-link{align-items:center;border:1px solid #ffffff1a;border-radius:8px;display:flex;flex-shrink:0;padding:10px 12px;text-decoration:none;transition:all .2s ease}.project-card .card-content .tab-content.links .links-container .project-link:hover{box-shadow:0 4px 12px #0003;transform:translateX(4px)}.project-card .card-content .tab-content.links .links-container .project-link .link-icon{font-size:1rem;margin-right:8px}.project-card .card-content .tab-content.links .links-container .project-link .link-name{color:#fff;font-size:.875rem;font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.projects{background:linear-gradient(135deg,#252525e6,#3d3d3dcc);overflow:hidden;position:relative}.projects:before{background:radial-gradient(circle at 20% 20%,#b196ff1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#6d42e91a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.projects .section-header{margin-bottom:48px;position:relative;text-align:center;z-index:1}.projects .section-header .section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#b196ff,#6d42e9);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:12px;position:relative;text-shadow:0 0 10px #b196ff4d,0 0 20px #b196ff33,0 0 30px #b196ff1a}.projects .section-header .section-title:after{background:linear-gradient(90deg,#b196ff,#6d42e9);border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.projects .section-header .section-subtitle{color:#dbd8e3cc;font-size:1.125rem;font-weight:400;margin:0}.projects .projects-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1200px;position:relative;z-index:1}@media(max-width:768px){.projects .projects-grid{gap:20px;grid-template-columns:1fr}}.skill-set{background:linear-gradient(135deg,#3d3d3de6,#252525cc);overflow:hidden;position:relative}.skill-set:before{background:radial-gradient(circle at 30% 30%,#563f971a 0,#0000 50%),radial-gradient(circle at 70% 70%,#b196ff1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.skill-set .title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#563f97,#b196ff);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:48px;position:relative;text-align:center;text-shadow:0 0 10px #b196ff4d,0 0 20px #b196ff33,0 0 30px #b196ff1a;z-index:1}.skill-set .title:after{background:linear-gradient(90deg,#563f97,#b196ff);border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.skill-set .container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));position:relative;z-index:1}.skill-set .container .skill-type{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:16px;display:flex;flex-direction:column;height:450px;padding:24px}.skill-set .container .skill-type h3{color:#b196ff;flex-shrink:0;font-size:1.25rem;font-weight:600;letter-spacing:1px;margin-bottom:20px;text-align:center;text-transform:uppercase}.skill-set .container .skill-type .skills-container{flex:1 1;overflow-y:auto;padding-right:8px}.skill-set .container .skill-type .skills-container::-webkit-scrollbar{width:4px}.skill-set .container .skill-type .skills-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.skill-set .container .skill-type .skills-container::-webkit-scrollbar-thumb{background:#b196ff80;border-radius:2px}.skill-set .container .skill-type .skills-container::-webkit-scrollbar-thumb:hover{background:#b196ffb3}.skill-set .container .skill-type .skills-container .skill-card{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;margin-bottom:12px;padding:12px}.skill-set .container .skill-type .skills-container .skill-card:last-child{margin-bottom:0}.skill-set .container .skill-type .skills-container .skill-card .icon{border-radius:4px;height:32px;margin-right:12px;width:32px}.skill-set .container .skill-type .skills-container .skill-card .name{color:#dbd8e3;font-size:.875rem;font-weight:500;margin:0}.home{margin-top:50px;width:100%}.navbar{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0000004d;border:1px solid #ffffff1a;border-radius:35px;display:flex;flex-direction:row;gap:8px;height:70px;justify-content:center;margin-top:20px;padding:0 24px;position:fixed;transition:all .3s ease;z-index:100}.navbar:hover{background:#00000080;border-color:#b196ff4d}.navbar-option{align-items:center;background:#0000;border:none;border-radius:16px;display:flex;flex-direction:column;height:60px;justify-content:center;min-width:80px;overflow:hidden;padding:8px 12px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.navbar-option:before{background:linear-gradient(135deg,#b196ffcc,#6d42e9cc);border-radius:16px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.navbar-option .icon{color:#dbd8e3;font-size:24px;margin-bottom:4px}.navbar-option .icon,.navbar-option .text{position:relative;transition:all .3s ease;z-index:1}.navbar-option .text{color:#dbd8e3cc;font-size:12px;font-weight:500;letter-spacing:.5px;margin:0;text-decoration:none;text-transform:uppercase}.navbar-option:hover{transform:translateY(-2px)}.navbar-option:hover:before{opacity:1}.navbar-option:hover .icon{color:#fff;text-shadow:0 0 10px #ffffff80;transform:scale(1.1)}.navbar-option:hover .text{color:#fff;text-shadow:0 0 5px #ffffff4d}.navbar-option:active{transform:translateY(0)}.contact-links{border-left:1px solid #fff3;margin-left:16px;padding-left:16px}.container-glass{backdrop-filter:blur(15.1px);-webkit-backdrop-filter:blur(15.1px);background:#fff3}.container-glass,.container-glass-dark{border:1px solid #ffffff26;border-radius:1rem;box-shadow:0 4px 30px #0000004d;color:#fff;padding:12px}.container-glass-dark{backdrop-filter:blur(15.1px) brightness(200%);-webkit-backdrop-filter:blur(90px);background:#3d3d3d80}.container-deep{background:#0003;border-radius:1rem;box-shadow:inset 0 0 8px #0000004d;padding:12px}.selector{align-items:center;background-color:#6d42e9;border-radius:5px;display:flex;height:32px;justify-content:space-around;padding:0}.selector button{background:none;border:none;border-radius:5px;color:#dbd8e3;height:100%;width:100%}.selector button:hover{cursor:pointer}.selector .active{background-color:#563f97}.scroll-container{height:100%;overflow:auto;overflow-x:hidden}html{box-sizing:border-box;font-family:Work Sans,sans-serif;font-size:16px;line-height:1.5}*,:after,:before{box-sizing:inherit}body{background:#252525;color:#dbd8e3;font-family:Work Sans,sans-serif;margin:0;overflow-x:hidden}section{padding:80px 5vw}@media(max-width:768px){section{padding:60px 4vw}}h1{font-size:48px;font-weight:700}h1,h2{margin:0}h2{font-size:32px}h2,h3{font-weight:600}p{font-size:18px;font-weight:400;margin:4px}button{font-family:Work Sans,sans-serif}button:hover{cursor:pointer}a{font-family:Work Sans,sans-serif}.section-title{text-shadow:0 0 10px #b196ff4d,0 0 20px #b196ff33,0 0 30px #b196ff1a}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#3d3d3d80}::-webkit-scrollbar-thumb{background:#b196ff99;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#b196ffcc}.App{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.73cc7e9a.css.map*/