@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap);:root{--color-bg-main:#0b0c10;--color-bg-secondary:#1f2833;--color-bg-glass:#1f2833b3;--color-accent:#45a29e;--color-accent-glow:#45a29e66;--color-text-main:#c5c6c7;--color-text-light:#fff;--transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1)}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0b0c10;background-color:var(--color-bg-main);color:#c5c6c7;color:var(--color-text-main);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%;margin:0;overscroll-behavior:none;padding:0}code{background-color:#1f2833;background-color:var(--color-bg-secondary);border-radius:4px;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;padding:.2rem .4rem}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0b0c10;background:var(--color-bg-main)}::-webkit-scrollbar-thumb{background:#1f2833;background:var(--color-bg-secondary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#45a29e;background:var(--color-accent)}*{box-sizing:border-box}::selection{background:#45a29e;background:var(--color-accent);color:#fff;color:var(--color-text-light)}.App{display:flex;flex-direction:column;min-height:100vh;padding-top:100px;text-align:center;width:100%}html{scroll-behavior:smooth}.text{color:var(--color-text-main);font-size:1.125rem;font-weight:300;line-height:1.6}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-text-light) 0,var(--color-accent) 100%);-webkit-background-clip:text;background-clip:text}@media (max-width:1024px){.App{padding-top:90px}}@media (max-width:768px){.App{padding-top:80px}.text{font-size:1rem}}@media (max-width:480px){.App{padding-top:70px}.text{font-size:.9375rem}}.appHome{flex-direction:column;gap:10px;margin:0 auto;min-height:100vh;padding-top:120px}.appHome,.homeContent{align-items:center;display:flex;justify-content:space-around}.homeContent{flex-direction:row;gap:40px;max-width:1200px;width:90%}.intro{color:var(--color-text-main);font-size:50px;font-weight:300;line-height:1.2;margin-bottom:20px}.bold{color:var(--color-text-light);font-weight:600}.ownImage{border:1px solid #ffffff0d;border-radius:30px;box-shadow:0 20px 50px #00000080,0 0 40px var(--color-accent-glow);height:450px;object-fit:cover;transition:var(--transition-smooth);width:350px}.ownImage:hover{box-shadow:0 30px 60px #0009,0 0 60px var(--color-accent-glow);transform:translateY(-10px)}.spacer{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;justify-content:center;max-width:60%;text-align:left}.description{color:var(--color-text-main);font-size:16px;font-weight:300;line-height:1.8;max-width:800px;opacity:.8}.socialMedia{align-items:center;display:flex;flex-direction:row;gap:30px;margin-top:40px;max-width:1200px;padding-bottom:40px;position:relative;width:80%}.socialMedia:after{background:linear-gradient(90deg,#ffffff1a,#0000);content:"";flex:1 1;height:1px;margin-left:20px}.socialMedia>a{align-items:center;background:var(--color-bg-secondary);border:1px solid #ffffff0d;border-radius:50%;display:inline-flex;flex-shrink:0;justify-content:center;padding:12px;transition:var(--transition-smooth)}.socialMedia>a:hover{background:var(--color-accent);box-shadow:0 10px 20px #0000004d;transform:translateY(-5px)}.socialMedia>a:hover .socialIcon{filter:brightness(0) invert(1)}.socialIcon{height:24px;transition:var(--transition-smooth);width:24px}@media (max-width:1024px){.homeContent{flex-direction:column-reverse;gap:40px;text-align:center}.spacer{align-items:center;max-width:90%;text-align:center}.ownImage{height:380px;width:300px}.intro{font-size:40px}.description{font-size:15px}}@media (max-width:768px){.appHome{padding-top:100px}.intro{font-size:32px}.ownImage{height:320px;width:250px}.description{font-size:14px}.socialMedia{justify-content:center}.socialMedia:after{display:none}}@media (max-width:480px){.appHome{padding-top:90px}.intro{font-size:26px}.ownImage{height:280px;width:220px}.description{font-size:13px;line-height:1.6}.socialMedia{gap:15px}.socialIcon{height:20px;width:20px}.socialMedia>a{padding:10px}}.navbar{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background-color:var(--color-bg-glass);border:1px solid #ffffff0d;border-radius:40px;box-shadow:0 4px 30px #00000080;gap:40px;left:50%;margin:0;min-height:50px;padding:10px 30px;position:fixed;top:20px;transform:translateX(-50%);transition:var(--transition-smooth);width:fit-content;z-index:1000}.nav-logo,.navbar{align-items:center;display:flex;justify-content:center}.nav-logo{border-radius:50%;font-weight:700;height:30px;width:30px}.nav-links{gap:32px;justify-content:center;list-style:none;margin:0;padding:0}.nav-links,.nav-links li{align-items:center;display:flex}.nav-links a{color:var(--color-text-main);font-size:15px;font-weight:500;letter-spacing:1px;position:relative;text-decoration:none;transition:var(--transition-smooth)}.nav-links a:not(.resume-button):after{background-color:var(--color-accent);border-radius:2px;bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-links a:not(.resume-button).active:after,.nav-links a:not(.resume-button):hover:after{width:100%}.nav-links a.active,.nav-links a:hover{color:var(--color-text-light)}.nav-links a.active{font-weight:600}.resume-link{flex-direction:row;margin-left:10px}.resume-button,.resume-link{align-items:center;display:flex;gap:8px}.resume-button{background:#45a29e1a;border:1px solid var(--color-accent);border-radius:20px;color:var(--color-text-light);font-size:14px;font-weight:600;letter-spacing:1px;padding:8px 16px;text-decoration:none;transition:var(--transition-smooth)}.resume-button:hover{background:var(--color-accent);box-shadow:0 0 15px var(--color-accent-glow);color:var(--color-bg-main)}.downloadIcon{filter:brightness(0) invert(1);height:16px;transition:var(--transition-smooth);width:16px}.resume-button:hover .downloadIcon{filter:brightness(0)}@media (max-width:1024px){.navbar{gap:30px;padding:8px 20px}.nav-links{gap:24px}.nav-links a{font-size:14px}}@media (max-width:768px){.navbar{border-radius:30px;gap:20px;padding:8px 15px;top:15px}.nav-logo{font-size:12px;height:25px;width:25px}.nav-links{gap:18px}.nav-links a{font-size:13px;letter-spacing:.5px}.resume-button{font-size:12px;padding:6px 12px}}@media (max-width:480px){.navbar{align-items:center;border-radius:25px;flex-wrap:wrap;gap:10px;justify-content:center;max-width:90vw;padding:10px 12px;top:10px;width:90vw}.nav-logo{flex-basis:100%;font-size:10px;height:20px;margin-bottom:5px;order:-1;width:20px}.nav-links{flex-wrap:wrap;gap:10px;justify-content:center}.nav-links a{font-size:11px;padding:2px 4px}.resume-button{font-size:11px;padding:4px 8px}.downloadIcon{height:12px;width:12px}}@media (max-width:375px){.navbar{max-width:95vw;padding:8px;width:95vw}.nav-links{gap:8px}.nav-links a,.resume-button{font-size:10px}}.experience{align-items:center;background-color:initial;display:flex;flex-direction:column;padding:100px 20px;width:100%}.section-title{color:var(--color-text-light);font-size:40px;font-weight:600;margin-bottom:60px;text-align:center}.timeline-container{max-width:900px;padding:20px 0;position:relative;width:100%}.timeline-container:before{background:linear-gradient(to bottom,#0000,var(--color-accent) 10%,var(--color-accent) 90%,#0000);border-radius:2px;bottom:0;content:"";left:20px;position:absolute;top:0;width:2px}.timeline-item{margin-bottom:50px;padding-left:60px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-dot{background-color:var(--color-accent);border:4px solid var(--color-bg-main);border-radius:50%;box-shadow:0 0 10px var(--color-accent-glow);height:16px;left:13px;position:absolute;top:30px;transition:var(--transition-smooth);width:16px;z-index:2}.timeline-item:hover .timeline-dot{background-color:var(--color-text-light);box-shadow:0 0 20px var(--color-accent);transform:scale(1.3)}.timeline-content{background-color:var(--color-bg-secondary);border:1px solid #ffffff0d;border-radius:20px;box-shadow:0 10px 30px #0003;padding:30px;transition:var(--transition-smooth)}.timeline-item:hover .timeline-content{background-color:var(--color-bg-glass);border-color:#ffffff1a;box-shadow:0 15px 40px #0006,0 0 20px var(--color-accent-glow);transform:translateX(10px)}.timeline-header{align-items:flex-start;border-bottom:1px solid #ffffff0d;display:flex;flex-direction:row;gap:20px;margin-bottom:20px;padding-bottom:20px}.timeline-logo-wrapper{align-items:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;display:flex;flex-shrink:0;height:70px;justify-content:center;padding:10px;width:70px}.timeline-logo{max-height:100%;max-width:100%;object-fit:contain}.timeline-titles{display:flex;flex-direction:column;gap:5px}.timeline-titles h3{color:var(--color-text-light);font-size:22px;font-weight:600;margin:0}.company-name{color:var(--color-accent);font-size:16px;font-weight:500;text-align:left}.timeline-duration{color:var(--color-text-main);font-size:14px;margin-top:4px;opacity:.7;text-align:left}.timeline-details{display:flex;flex-direction:column;gap:12px;list-style-type:none;margin:0;padding:0;text-align:left}.timeline-details li{color:var(--color-text-main);font-size:15px;line-height:1.6;padding-left:20px;position:relative}.bullet{background-color:var(--color-accent);border-radius:50%;height:6px;left:0;opacity:.6;position:absolute;top:10px;width:6px}.timeline-item:hover .bullet{opacity:1}@media (max-width:768px){.timeline-container:before{left:10px}.timeline-dot{left:3px}.timeline-item{padding-left:35px}.timeline-content{padding:20px}.timeline-header{flex-direction:column;gap:15px}.timeline-titles h3{font-size:18px}.company-name{font-size:14px}}@media (max-width:480px){.section-title{font-size:32px}.timeline-item{padding-left:30px}.timeline-content{padding:15px}.timeline-details li{font-size:14px}}.skills{align-items:center;background-color:initial;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1200px;padding:80px 20px;width:100%}.skills h1{color:var(--color-text-light);font-size:40px;font-weight:600;margin-bottom:50px;text-align:center;width:100%}.skillsContent{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));width:100%}.skillsItem{align-items:center;background-color:var(--color-bg-secondary);border:1px solid #ffffff0d;border-radius:20px;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;padding:30px 20px;transition:var(--transition-smooth)}.skillsItem:hover{background-color:var(--color-bg-glass);border-color:#ffffff1a;box-shadow:0 20px 40px #0006,0 0 20px var(--color-accent-glow);transform:translateY(-8px)}.skillsItem p{color:var(--color-text-light);font-size:1.25rem;font-weight:600;margin-bottom:20px}.skillsList{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.skill{background-color:#45a29e1a;border:1px solid var(--color-accent);border-radius:30px;color:var(--color-accent);cursor:default;font-size:.9rem;font-weight:500;padding:8px 16px;transition:var(--transition-smooth)}.skill:hover{background-color:var(--color-accent);box-shadow:0 0 10px var(--color-accent-glow);color:var(--color-bg-main)}.project{align-items:center;background-color:initial;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1200px;padding:100px 20px;width:90%}.header{margin-bottom:20px;text-align:center}.bento-grid{grid-gap:30px;display:grid;gap:30px;grid-auto-flow:dense;grid-template-columns:repeat(3,1fr);width:100%}.bento-item{background-color:var(--color-bg-secondary);border:1px solid #ffffff0d;border-radius:24px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:var(--transition-smooth)}.bento-item.featured{flex-direction:row;grid-column:span 2}.bento-item:hover{background-color:var(--color-bg-glass);border-color:#ffffff1a;box-shadow:0 20px 40px #00000080,0 0 30px var(--color-accent-glow);transform:translateY(-8px)}.bento-image-container{align-items:center;background-color:#0003;display:flex;height:250px;justify-content:center;overflow:hidden;position:relative;width:100%}.bento-item.featured .bento-image-container{height:auto;min-height:350px;width:50%}.bento-image{height:100%;object-fit:contain;transition:transform .6s cubic-bezier(.4,0,.2,1);width:100%}.bento-item:hover .bento-image{transform:scale(1.08)}.bento-overlay{background:linear-gradient(to bottom,#0000 30%,var(--color-bg-secondary) 100%);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.bento-item:hover .bento-overlay{background:linear-gradient(to bottom,#0000 30%,var(--color-bg-glass) 100%)}.bento-item.featured .bento-overlay{background:linear-gradient(to right,#0000 20%,var(--color-bg-secondary) 100%)}.bento-item.featured:hover .bento-overlay{background:linear-gradient(to right,#0000 20%,var(--color-bg-glass) 100%)}.bento-content{background-color:initial;display:flex;flex-direction:column;flex-grow:1;padding:30px;position:relative;z-index:2}.bento-item.featured .bento-content{justify-content:center;width:50%}.bento-content h2{color:var(--color-text-light);font-size:24px;font-weight:600;margin:0 0 15px}.bento-desc-wrapper{flex-grow:1}.bento-item.collapsed .bento-desc-wrapper p{-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.bento-item.expanded .bento-desc-wrapper p{-webkit-line-clamp:unset;line-clamp:none;display:block}.bento-content p{color:var(--color-text-main);font-size:15px;line-height:1.7;margin:0}.bento-footer{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-top:25px}.seeMoreBtn{background-color:initial;border:1px solid var(--color-accent);border-radius:30px;color:var(--color-accent);cursor:pointer;font-size:13px;font-weight:600;padding:8px 20px;transition:var(--transition-smooth)}.seeMoreBtn:hover{background-color:var(--color-accent);box-shadow:0 0 15px var(--color-accent-glow);color:var(--color-bg-main)}.bento-link{align-items:center;color:var(--color-text-light);display:flex;font-size:14px;font-weight:500;gap:5px;text-decoration:none;transition:var(--transition-smooth)}.bento-link:hover{color:var(--color-accent);text-shadow:0 0 8px var(--color-accent-glow)}@media (max-width:1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-item.featured{grid-column:span 2}}@media (max-width:768px){.project{padding:60px 15px}.bento-grid{gap:25px;grid-template-columns:1fr}.bento-item.featured{flex-direction:column;grid-column:span 1}.bento-item.featured .bento-image-container{height:250px;min-height:auto;width:100%}.bento-item.featured .bento-overlay{background:linear-gradient(to bottom,#0000 30%,var(--color-bg-secondary) 100%)}.bento-item.featured:hover .bento-overlay{background:linear-gradient(to bottom,#0000 30%,var(--color-bg-glass) 100%)}.bento-item.featured .bento-content{width:100%}.bento-content{padding:20px}.bento-content h2{font-size:20px}.bento-content p{font-size:14px}}@media (max-width:480px){.bento-image-container,.bento-item.featured .bento-image-container{height:200px}}.contacts{align-items:center;background-color:initial;justify-content:center;margin:0 auto;max-width:1200px;padding:80px 20px;width:90%}.contactWrapper,.contacts{display:flex;flex-direction:column}.contactWrapper{gap:50px;max-width:1000px;width:100%}.contacts h1{color:var(--color-text-light);font-size:40px;font-weight:600;margin:0;text-align:center}.contactSubtitle{color:var(--color-text-main);font-size:16px;line-height:1.6;margin:0 auto;max-width:600px;opacity:.8;text-align:center}.contactContainer{grid-gap:60px;align-items:start;display:grid;gap:60px;grid-template-columns:1fr 1.2fr}.contactInfo{align-items:flex-start;gap:40px;justify-content:center}.contactInfo,.infoItem{display:flex;flex-direction:column}.infoItem{gap:10px}.infoItem h3{color:var(--color-text-light);font-size:18px;font-weight:600;margin:0}.infoItem p{color:var(--color-text-main);font-size:15px;line-height:1.6;margin:0}.infoItem a{color:var(--color-accent);font-weight:500;text-decoration:none;transition:var(--transition-smooth)}.infoItem a:hover{color:var(--color-text-light);text-shadow:0 0 10px var(--color-accent-glow)}.socialLinks{display:flex;flex-wrap:wrap;gap:15px}.socialLinks a{background:var(--color-bg-secondary);border:1px solid #ffffff1a;border-radius:30px;color:var(--color-text-main);display:inline-block;font-size:13px;padding:10px 20px;text-decoration:none;transition:var(--transition-smooth)}.socialLinks a:hover{background-color:var(--color-accent);border-color:var(--color-accent);box-shadow:0 0 15px var(--color-accent-glow);color:var(--color-bg-main);transform:translateY(-3px)}.contactForm{background:var(--color-bg-secondary);border:1px solid #ffffff0d;border-radius:20px;box-shadow:0 10px 30px #0003;gap:25px;padding:40px}.contactForm,.formGroup{display:flex;flex-direction:column}.formGroup{gap:8px}.formGroup label{color:var(--color-text-light);font-size:14px;font-weight:600;margin-left:5px;text-align:left}.formGroup input,.formGroup textarea{background-color:#0003;border:1px solid #ffffff1a;border-radius:12px;color:var(--color-text-light);font-family:inherit;font-size:15px;padding:15px 20px;transition:var(--transition-smooth)}.formGroup input::placeholder,.formGroup textarea::placeholder{color:#ffffff4d}.formGroup input:focus,.formGroup textarea:focus{background-color:#0006;border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-glow);outline:none}.formGroup textarea{min-height:150px;resize:vertical}.submitBtn{background-color:var(--color-accent);border:none;border-radius:12px;color:var(--color-bg-main);cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:16px 32px;transition:var(--transition-smooth)}.submitBtn:hover{background-color:var(--color-text-light);box-shadow:0 10px 20px var(--color-accent-glow);transform:translateY(-3px)}.submitBtn:active{transform:translateY(0)}@media (max-width:1024px){.contactWrapper{max-width:100%}.contactContainer{gap:50px;grid-template-columns:1fr}.contactInfo{align-items:center;text-align:center}.socialLinks{justify-content:center}}@media (max-width:768px){.contacts{padding:60px 15px}.contacts h1{font-size:32px}.contactForm{padding:30px 20px}.formGroup input,.formGroup textarea{padding:12px 15px}}@media (max-width:480px){.contacts{padding:40px 15px}.contacts h1{font-size:28px}.contactForm{padding:20px 15px}}.footer{background-color:var(--color-bg-secondary);border-top:1px solid #ffffff0d;margin-top:80px;padding:40px 20px}.footer,.footerContent{align-items:center;display:flex;justify-content:center}.footerContent{flex-direction:column;gap:15px;text-align:center}.footerContent p{color:var(--color-text-light);font-size:16px;font-weight:500;margin:0}.footerText{color:var(--color-text-main);font-size:13px;font-weight:400;margin:0;opacity:.7}@media (max-width:768px){.footer{padding:30px 15px}.footerContent p{font-size:15px}.footerText{font-size:12px}}
/*# sourceMappingURL=main.42ee6c46.css.map*/