@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500&display=swap);*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:JetBrains Mono,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:focus{outline:2px solid #64ffda;outline-offset:2px}h1,h2,h3,h4,h5,h6{text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}ol,ul{list-style:none}img{height:auto;max-width:100%}*,:after,:before{box-sizing:border-box}body,html{margin:0;overflow-x:hidden;padding:0}html{--primary-bg:#0f0f23;--secondary-bg:#1a1a2e;--accent-bg:#16213e;--primary-text:#e6e6e6;--secondary-text:#ccd6f6;--accent-text:#64ffda;--highlight:#ff6b6b;--muted:#8892b0;--card-bg:#1e1e3f;--border:rgba(100,255,218,.2);--gradient-primary:linear-gradient(135deg,var(--accent-text),var(--highlight));--gradient-bg:linear-gradient(135deg,var(--primary-bg) 0%,var(--secondary-bg) 100%);--gradient-card:linear-gradient(145deg,var(--card-bg),var(--accent-bg));font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;scroll-behavior:smooth}body,html{background:linear-gradient(135deg,#0f0f23,#1a1a2e);background:var(--gradient-bg)}body{-webkit-animation:fadeIn 1.2s ease-out;animation:fadeIn 1.2s ease-out;color:#e6e6e6;color:var(--primary-text);line-height:1.6}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes glow{0%,to{text-shadow:0 0 5px #64ffda;text-shadow:0 0 5px var(--accent-text)}50%{text-shadow:0 0 20px #64ffda,0 0 30px #64ffda;text-shadow:0 0 20px var(--accent-text),0 0 30px var(--accent-text)}}@keyframes glow{0%,to{text-shadow:0 0 5px #64ffda;text-shadow:0 0 5px var(--accent-text)}50%{text-shadow:0 0 20px #64ffda,0 0 30px #64ffda;text-shadow:0 0 20px var(--accent-text),0 0 30px var(--accent-text)}}.App{min-height:100vh}.App,.navbar{padding:0 clamp(20px,5vw,60px)}.navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(15,15,35,.95);border-bottom:1px solid rgba(100,255,218,.2);border-bottom:1px solid var(--border);display:flex;height:100px;justify-content:space-between;margin:0 calc(clamp(20px, 5vw, 60px)*-1);position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:100}.navbar:before{background:linear-gradient(135deg,#64ffda,#ff6b6b);background:var(--gradient-primary);content:"";height:1px;left:0;position:absolute;right:0;top:0}.logo{border-radius:50%;-webkit-filter:drop-shadow(0 0 10px rgba(100,255,218,.3));filter:drop-shadow(0 0 10px rgba(100,255,218,.3));height:60px;transition:all .3s ease;width:60px}.logo:hover{-webkit-filter:drop-shadow(0 0 20px rgba(100,255,218,.6));filter:drop-shadow(0 0 20px rgba(100,255,218,.6));-webkit-transform:scale(1.1) rotate(5deg);transform:scale(1.1) rotate(5deg)}.links{align-items:center;display:flex;gap:2rem}.links section{color:#64ffda;color:var(--accent-text);font-family:SF Mono,Monaco,Roboto Mono,monospace;font-size:.85rem;margin-right:8px}.links a{align-items:center;border-radius:6px;color:#ccd6f6;color:var(--secondary-text);display:flex;font-size:.95rem;font-weight:400;padding:8px 16px;position:relative;text-decoration:none;transition:all .3s ease}.links a:hover{background:rgba(100,255,218,.1);color:#64ffda;color:var(--accent-text);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.links a:after{background:linear-gradient(135deg,#64ffda,#ff6b6b);background:var(--gradient-primary);bottom:0;content:"";height:2px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:all .3s ease;width:0}.links a:hover:after{width:100%}.resume{background:transparent!important;border:1px solid #64ffda!important;border:1px solid var(--accent-text)!important;border-radius:6px!important;color:#64ffda!important;color:var(--accent-text)!important;font-weight:500!important;padding:12px 24px!important;text-decoration:none!important;transition:all .3s ease!important}.resume:hover{background:rgba(100,255,218,.1)!important;box-shadow:0 10px 30px rgba(100,255,218,.2)!important;-webkit-transform:translateY(-2px)!important;transform:translateY(-2px)!important}.main{align-items:flex-start;display:flex;flex-direction:column;gap:2rem;justify-content:center;margin:0 auto;max-width:1000px;min-height:80vh;padding:2rem 0}.intro{-webkit-animation:slideInLeft .8s ease-out;animation:slideInLeft .8s ease-out;color:#64ffda;color:var(--accent-text);font-family:SF Mono,Monaco,Roboto Mono,monospace;font-size:clamp(14px,3vw,16px);font-weight:400;margin-bottom:-.5rem}.name{-webkit-animation:slideInLeft .8s ease-out .2s both;animation:slideInLeft .8s ease-out .2s both;background:linear-gradient(135deg,#e6e6e6,#ccd6f6);background:linear-gradient(135deg,var(--primary-text),var(--secondary-text));-webkit-background-clip:text;background-clip:text;color:#e6e6e6;color:var(--primary-text);font-size:clamp(40px,8vw,80px);font-weight:700;line-height:1.1;margin:0;transition:all .3s ease}.name,.name:hover{-webkit-text-fill-color:transparent}.name:hover{-webkit-animation:glow 2s ease-in-out infinite;animation:glow 2s ease-in-out infinite;background:linear-gradient(135deg,#64ffda,#ff6b6b);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-transform:translateX(10px);transform:translateX(10px)}.info{-webkit-animation:slideInLeft .8s ease-out .4s both;animation:slideInLeft .8s ease-out .4s both;color:#8892b0;color:var(--muted);font-size:clamp(30px,6vw,60px);font-weight:600;line-height:1.1;margin:-.5rem 0 1rem}.description{-webkit-animation:slideInLeft .8s ease-out .6s both;animation:slideInLeft .8s ease-out .6s both;max-width:600px}.description p{color:#8892b0;color:var(--muted);font-size:1.1rem;line-height:1.7;margin:0}.aboutMe.skills{-webkit-animation:slideInLeft .8s ease-out .8s both;animation:slideInLeft .8s ease-out .8s both;display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1rem}.aboutMe.skills>div{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#1e1e3f,#16213e);background:var(--gradient-card);border:1px solid rgba(100,255,218,.2);border:1px solid var(--border);border-radius:12px;padding:1rem;position:relative;transition:all .3s ease}.aboutMe.skills>div:hover{border-color:#64ffda;border-color:var(--accent-text);box-shadow:0 20px 40px rgba(100,255,218,.15);-webkit-transform:translateY(-8px);transform:translateY(-8px)}.aboutMe.skills img{-webkit-filter:grayscale(20%);filter:grayscale(20%);height:60px;object-fit:contain;transition:all .3s ease;width:60px}.aboutMe.skills img:hover{-webkit-filter:grayscale(0) drop-shadow(0 0 20px rgba(100,255,218,.4));filter:grayscale(0) drop-shadow(0 0 20px rgba(100,255,218,.4));-webkit-transform:scale(1.1);transform:scale(1.1)}#aboutMe,#contactMe,#projects,#work{margin:0 auto;max-width:1000px;padding:5rem 0}.about,.contact,.projects,.work-experiences{align-items:center;color:#e6e6e6;color:var(--primary-text);display:flex;font-size:clamp(28px,5vw,40px);font-weight:600;gap:1rem;margin-bottom:3rem;position:relative}.about section,.contact section,.projects section,.work-experiences section{color:#64ffda;color:var(--accent-text);font-family:SF Mono,Monaco,Roboto Mono,monospace;font-size:clamp(16px,3vw,20px);font-weight:400}.about:after,.contact:after,.projects:after,.work-experiences:after{background:rgba(100,255,218,.2);background:var(--border);content:"";flex:1 1;height:1px;margin-left:2rem}.aboutMe.container{align-items:flex-start;display:flex;gap:4rem}.aboutMe.text{flex:1 1}.aboutMe.exp,.aboutMe.intro{color:#8892b0;color:var(--muted);font-size:1.1rem;line-height:1.7;margin-bottom:1.5rem}.projects-container{grid-gap:3rem;display:grid;gap:3rem;margin-top:2rem}.projects-container>div{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#1e1e3f,#16213e);background:var(--gradient-card);border:1px solid rgba(100,255,218,.2);border:1px solid var(--border);border-radius:16px;overflow:hidden;position:relative;transition:all .3s ease}.projects-container>div:before{background:linear-gradient(135deg,#64ffda,#ff6b6b);background:var(--gradient-primary);content:"";height:2px;left:0;position:absolute;right:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.projects-container>div:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.projects-container>div:hover{border-color:#64ffda;border-color:var(--accent-text);box-shadow:0 20px 40px rgba(0,0,0,.3);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.project-content{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:1fr 300px;padding:2rem}.project-text h3{font-size:1.5rem;font-weight:600;margin:0 0 1rem}.marina-site-title{color:#e6e6e6;color:var(--primary-text);text-decoration:none;transition:all .3s ease}.marina-site-title:hover{color:#64ffda;color:var(--accent-text);-webkit-transform:translateX(5px);transform:translateX(5px)}.projectDesc{color:#8892b0;color:var(--muted);font-size:1rem;line-height:1.6;margin:0 0 1.5rem}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background:rgba(100,255,218,.1);border:1px solid rgba(100,255,218,.2);border-radius:20px;color:#64ffda;color:var(--accent-text);font-size:.8rem;font-weight:500;padding:.25rem .75rem;transition:all .3s ease}.tech-tag:hover{background:rgba(100,255,218,.2);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.project-image{align-items:center;display:flex;justify-content:center}.marinaSS{border-radius:8px;height:200px;object-fit:cover;transition:all .3s ease;width:100%}.marinaSS:hover{box-shadow:0 10px 30px rgba(0,0,0,.3);-webkit-transform:scale(1.05);transform:scale(1.05)}.csgo,.fec,.marina-site,.recastly,.sorting{grid-gap:2rem;align-items:center;background:linear-gradient(145deg,#1e1e3f,#16213e);background:var(--gradient-card);border:1px solid rgba(100,255,218,.2);border:1px solid var(--border);border-radius:16px;display:grid;gap:2rem;grid-template-columns:1fr 300px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.csgoSS,.fecSS,.recastlySS,.sortingSS{border-radius:8px;height:200px;object-fit:cover;transition:all .3s ease;width:100%}.projects-container a{color:#e6e6e6;color:var(--primary-text);display:inline-block;font-size:1.5rem;font-weight:600;margin-bottom:.5rem;text-decoration:none;transition:all .3s ease}.projects-container a:hover{color:#64ffda;color:var(--accent-text);-webkit-transform:translateX(5px);transform:translateX(5px)}.projects-container p{color:#8892b0;color:var(--muted);font-size:1rem;line-height:1.6;margin:0}#work{gap:2rem}.work-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#1e1e3f,#16213e);background:var(--gradient-card);border:1px solid rgba(100,255,218,.2);border:1px solid var(--border);border-radius:16px;margin-bottom:2rem;padding:2rem;position:relative;transition:all .3s ease}.work-item:before{background:linear-gradient(135deg,#64ffda,#ff6b6b);background:var(--gradient-primary);content:"";height:2px;left:0;position:absolute;right:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.work-item:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.work-item:hover{border-color:#64ffda;border-color:var(--accent-text);box-shadow:0 20px 40px rgba(0,0,0,.3);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.time{color:#64ffda;color:var(--accent-text);font-family:SF Mono,Monaco,Roboto Mono,monospace;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.company{border-bottom:1px solid transparent;color:#e6e6e6;color:var(--primary-text);cursor:pointer;font-size:1.8rem;font-weight:600;margin:.5rem 0 .25rem;text-decoration:none;transition:all .3s ease}.company:hover{border-bottom-color:#64ffda;border-bottom-color:var(--accent-text);color:#64ffda;color:var(--accent-text)}.job-title{color:#ccd6f6;color:var(--secondary-text);font-size:1.1rem;font-style:italic;font-weight:500;margin-bottom:1rem}.work-des{color:#8892b0;color:var(--muted);font-size:1.1rem;line-height:1.7;margin:0}.contact-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#1e1e3f,#16213e);background:var(--gradient-card);border:1px solid rgba(100,255,218,.2);border:1px solid var(--border);border-radius:16px;overflow:hidden;padding:3rem;position:relative;text-align:center}.contact-container:before{background:linear-gradient(135deg,#64ffda,#ff6b6b);background:var(--gradient-primary);content:"";height:2px;left:0;position:absolute;right:0;top:0}.contact-content{margin:0 auto;max-width:600px}.contact-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#64ffda,#ff6b6b);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:#e6e6e6;color:var(--primary-text);font-size:2rem;font-weight:600;margin-bottom:1.5rem}.contactInfo{color:#8892b0;color:var(--muted);font-size:1.1rem;line-height:1.7;margin-bottom:2rem}.contactInfoLinks{align-items:center;display:flex;flex-direction:column;gap:2rem}.social-links{align-items:center;display:flex;gap:1.5rem}.contact-container img{background:rgba(100,255,218,.1);border:1px solid rgba(100,255,218,.2);border-radius:8px;-webkit-filter:grayscale(30%);filter:grayscale(30%);height:40px;padding:8px;transition:all .3s ease;width:40px}.contact-container img:hover{background:rgba(100,255,218,.2);border-color:#64ffda;border-color:var(--accent-text);-webkit-filter:grayscale(0) drop-shadow(0 0 20px rgba(100,255,218,.4));filter:grayscale(0) drop-shadow(0 0 20px rgba(100,255,218,.4));-webkit-transform:scale(1.1) translateY(-3px);transform:scale(1.1) translateY(-3px)}.email button,button{background:transparent;border:1px solid #64ffda;border:1px solid var(--accent-text);border-radius:6px;color:#64ffda;color:var(--accent-text);cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:500;padding:12px 24px;transition:all .3s ease}.email button:hover,button:hover{background:rgba(100,255,218,.1);box-shadow:0 10px 30px rgba(100,255,218,.2);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.hidden{-webkit-filter:blur(5px);filter:blur(5px);opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px);transition:all .8s ease}.show{-webkit-filter:blur(0);filter:blur(0);opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}@media (max-width:1024px) and (min-width:769px){.App,.navbar{padding:0 clamp(30px,4vw,50px)}.navbar{margin:0 calc(clamp(30px, 4vw, 50px)*-1)}.site-footer{margin-left:calc(clamp(30px, 4vw, 50px)*-1);margin-right:calc(clamp(30px, 4vw, 50px)*-1);padding-left:clamp(30px,4vw,50px);padding-right:clamp(30px,4vw,50px)}.main{max-width:800px}.name{font-size:clamp(35px,7vw,70px)}.info{font-size:clamp(25px,5vw,50px)}.project-content{gap:1.5rem;grid-template-columns:1fr 250px;padding:1.5rem}.csgoSS,.fecSS,.marinaSS,.recastlySS,.sortingSS{height:180px}.work-item{padding:1.5rem}.aboutMe.skills>div{padding:.75rem}.aboutMe.skills img{height:50px;width:50px}}@media (max-width:768px){.App{padding:0 20px}.main{align-items:center;padding:1rem 0;text-align:center}.aboutMe.skills{justify-content:center}.project-content{grid-template-columns:1fr;text-align:center}.contact-container{padding:2rem}.contact-title{font-size:1.5rem}.contactInfoLinks{gap:1.5rem}.social-links{gap:1rem}.navbar{padding:0 1rem}.links{gap:1rem}.links a{font-size:.9rem;padding:6px 12px}.work-item{padding:1.5rem}.aboutMe.container{gap:2rem}}@media (max-width:900px){.navbar .links>:not(.icon){display:none}.navbar a.icon{color:#64ffda;color:var(--accent-text);display:flex;font-size:1.5rem;padding:8px}.links.responsive{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2e;background:var(--secondary-bg);border:1px solid rgba(100,255,218,.2);border:1px solid var(--border);border-radius:8px;box-shadow:0 20px 40px rgba(0,0,0,.5);display:flex;flex-direction:column;padding:2rem;position:absolute;right:0;top:100px;width:250px;z-index:1000}.links.responsive a{border-radius:6px;color:#ccd6f6;color:var(--secondary-text);display:flex!important;padding:1rem;width:100%}.links.responsive a:hover{background:rgba(100,255,218,.1);color:#64ffda;color:var(--accent-text)}.project-content{gap:1.5rem;grid-template-columns:1fr;text-align:center}.marinaSS{height:150px}}@media (min-width:901px){.icon{display:none!important}}a:focus,button:focus{outline:2px solid #64ffda;outline:2px solid var(--accent-text);outline-offset:2px}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.site-footer{background:#1a1a2e;background:var(--secondary-bg);border-top:1px solid rgba(100,255,218,.2);border-top:1px solid var(--border);margin-left:calc(clamp(20px, 5vw, 60px)*-1);margin-right:calc(clamp(20px, 5vw, 60px)*-1);margin-top:5rem;padding:2rem clamp(20px,5vw,60px)}.footer-content{margin:0 auto;max-width:1000px;padding:0 2rem;text-align:center}.footer-content p{color:#8892b0;color:var(--muted);font-size:.9rem;margin:.25rem 0}.footer-content p:first-child{color:#ccd6f6;color:var(--secondary-text);font-weight:500}
/*# sourceMappingURL=main.c49fcac7.css.map*/