.container{max-width:780px;min-width:350px;padding:0 15px;width:100%}.projects-container{align-items:center;display:flex;flex-direction:column;min-height:100px;padding:80px 20px;position:relative;z-index:1}.image-button{cursor:pointer}.projects-grid{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin:0 auto;max-width:2000px;padding:20px}.project-container:hover{border-color:#ffffff4d;box-shadow:0 20px 40px #0006,inset 0 1px 0 #ffffff4d;transform:translateY(-8px) scale(1.02)}.projects-title{color:#fff;font-size:48px;font-weight:300;letter-spacing:2px;margin-bottom:40px;padding:40px;position:relative;text-align:center;text-shadow:0 4px 8px #0000004d}.projects-title:after{background:linear-gradient(90deg,#0000,#22c55e,#0000);bottom:20px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.project-category{margin-bottom:60px}.category-title{color:#fff;font-size:32px;font-weight:400;letter-spacing:1px;margin-bottom:30px;position:relative;text-align:center;text-shadow:0 2px 4px #0000004d}.category-title:after{background:linear-gradient(90deg,#0000,#22c55e,#0000);bottom:-10px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.project-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#02362acc;border:1px solid #22c55e4d;border-radius:24px;box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #22c55e33;display:flex;gap:30px;height:450px;justify-content:center;overflow:hidden;padding:30px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.project-container:before{background:linear-gradient(90deg,#0000,#22c55e1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.project-container:hover:before{left:100%}.project-name{color:#fff;display:flex;font-size:28px;font-weight:500;letter-spacing:1px;padding-bottom:15px;text-shadow:0 2px 4px #0000004d}.project-header{display:flex;flex-direction:column;gap:20px}.project-column{flex:0 0 55%;flex-direction:column;overflow-y:auto}.project-row{align-items:center;display:flex;gap:20px;padding-bottom:15px}.project-tech{color:#fff;display:flex;font-weight:500;letter-spacing:.5px}.project-tech-logos{align-items:center;display:flex;gap:20px}.project-images{height:30px;width:30px}.project-image-container{align-items:center;display:flex;flex:0 0 40%;height:100%;justify-content:center;overflow:hidden;z-index:11}.project-image{border-radius:20px;box-shadow:10px 10px 10px #0003;cursor:pointer;height:100%;object-fit:cover;width:100%}.overlay{background-color:#000000bf;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.overlay,.project-image-modal{align-items:center;display:flex;justify-content:center}.project-image-modal{background:none;max-height:80vh;max-width:80vw;padding:0;position:relative;z-index:1001}.modal-content{height:100%;width:100%}.modal-content img{border-radius:30px;cursor:pointer;height:auto;max-height:80vh;max-width:100%;object-fit:contain;width:auto}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-thumb{background-color:#e1e1e1;border-radius:5px}.project-description{align-items:flex-start;color:#e8e8e8;display:flex;font-size:18px;font-weight:300;letter-spacing:.3px;line-height:1.6;max-width:100%;overflow-y:auto}.buttons-container{display:flex;flex-direction:row;gap:30px;justify-content:center;margin-top:30px}.project-demo-button,.project-github-button{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#02362acc;border:1px solid #22c55e4d;border-radius:16px;box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #22c55e33;cursor:pointer;display:flex;flex-direction:row;gap:10px;max-width:200px;overflow:hidden;padding:12px 20px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.project-demo-button:before,.project-github-button:before{background:linear-gradient(90deg,#0000,#22c55e1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.project-demo-button:hover:before,.project-github-button:hover:before{left:100%}.project-demo-button:hover,.project-github-button:hover{border-color:#22c55e80;box-shadow:0 16px 40px #0006,inset 0 1px 0 #22c55e4d;transform:translateY(-4px) scale(1.05)}.project-demo-button:active,.project-github-button:active{transform:translateY(-2px) scale(1.02)}.icon{filter:brightness(0) invert(1);height:24px;transition:transform .3s ease;width:24px}.project-demo-button:hover .icon,.project-github-button:hover .icon{transform:scale(1.1)}.project-button-text{color:#fff;font-size:16px;font-weight:500;letter-spacing:.5px;margin:0;text-shadow:0 2px 4px #0000004d}.overlay-dim{background-color:#0006;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:10}.project-image-container:hover+.overlay-dim{opacity:1}@media screen and (max-width:1145px){.projects-grid{max-width:600px}.project-container{width:100%}.project-row{gap:8px}.category-title{font-size:28px}.projects-title{font-size:40px}}@media screen and (max-width:800px){.project-container{width:100%}.icon{width:30px}.project-button-text{font-size:18px}.buttons-container{gap:15px}.project-row{gap:8px}}@media screen and (max-width:400px){.project-container{height:300px;margin-left:-20px;width:112%}.project-button-text{font-size:18px}.buttons-container{gap:15px}.projects-title{font-size:25px;margin-bottom:0}.category-title{font-size:22px}.project-name{font-size:20px}.icon{width:20px}.project-button-text{font-size:12px}.buttons-container{gap:10px;margin-top:10px}.project-description,.project-tech{font-size:12px}.project-tech-logos{gap:12px;margin-left:-10px}.project-images{height:20px;width:20px}.projects-container{padding:0}.project-button-text{font-size:15px}.project-demo-button,.project-github-button{border-radius:16px;gap:5px;padding:8px}.project-row{gap:14px}}.contactContainer{justify-content:center;padding:80px 50px;width:100%;z-index:1}.contact,.contactContainer{align-items:center;display:flex;position:relative}.contact{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#02362acc;border:1px solid #22c55e4d;border-radius:24px;box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #22c55e33;flex-direction:column;gap:20px;margin-top:15px;max-width:600px;overflow:hidden;padding:40px;text-align:center}.contact:before{background:linear-gradient(90deg,#0000,#22c55e1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.contact:hover:before{left:100%}.contactMe{color:#fff;font-size:36px;letter-spacing:2px;text-shadow:0 4px 8px #0000004d}.contactInfo,.contactMe{font-weight:300;margin:0}.contactInfo{color:#e8e8e8;font-size:20px;letter-spacing:.5px;line-height:1.6}.emailLink{color:#22c55e;cursor:pointer;display:inline;font-weight:500;position:relative;text-decoration:none;transition:all .3s ease}.emailLink:after{background:linear-gradient(90deg,#22c55e,#16a34a);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.emailLink:hover:after{width:100%}.emailLink:hover{color:#16a34a;text-shadow:0 0 8px #22c55e80}@media screen and (max-width:900px){.contactMe{font-size:28px}.contactInfo{font-size:16px}.contactContainer{padding:40px 20px}.contact{padding:30px}}@media screen and (max-width:400px){.contactMe{font-size:24px}.contactInfo{font-size:14px}.contactContainer{padding:30px 15px}.contact{padding:20px}}.skills-container{align-items:center;display:flex;justify-content:center;padding:80px 20px;position:relative;z-index:1}.skills-content{max-width:1200px;text-align:center;width:100%}.skills-title{color:#fff;font-size:48px;font-weight:300;letter-spacing:2px;margin-bottom:20px;position:relative;text-shadow:0 4px 8px #0000004d}.skills-title:after{background:linear-gradient(90deg,#0000,#22c55e,#0000);bottom:20px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.skills-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1000px}.skill-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#02362acc;border:1px solid #22c55e4d;border-radius:16px;box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #22c55e33;display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:20px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.skill-card:before{background:linear-gradient(90deg,#0000,#22c55e1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.skill-card:hover:before{left:100%}.skill-card:hover{border-color:#22c55e80;box-shadow:0 20px 40px #0006,inset 0 1px 0 #22c55e4d;transform:translateY(-8px) scale(1.05)}.skill-icon{height:48px;margin-bottom:8px;object-fit:contain;width:48px}.skill-name{color:#fff;font-size:16px;font-weight:500;letter-spacing:.5px;text-align:center}@media screen and (max-width:768px){.skills-container{padding:60px 20px}.skills-title{font-size:36px}.skills-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.skill-card{padding:15px}.skill-icon{height:36px;width:36px}.skill-name{font-size:14px}}@media screen and (max-width:480px){.skills-container{padding:40px 15px}.skills-title{font-size:28px}.skills-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.skill-card{padding:12px}.skill-icon{height:32px;width:32px}.skill-name{font-size:12px}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0;padding:0}.gradient{background:linear-gradient(135deg,#02362a,#022706 25%,#034a3a 50%,#045a4a 75%,#02362a);min-height:100vh;overflow-x:hidden;position:relative}.gradient:before{background:radial-gradient(circle at 20% 80%,#22c55e1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#10b9811a 0,#0000 50%),radial-gradient(circle at 40% 40%,#0596691a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#02362ae6;border-bottom:1px solid #22c55e4d;height:80px;justify-content:center;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header,.navbar{align-items:center;display:flex}.navbar{gap:40px}.nav-item{border-radius:8px;color:#fff;font-size:18px;font-weight:500;padding:10px 20px;position:relative;text-decoration:none;transition:all .3s ease}.nav-item:hover{background:#22c55e33;color:#22c55e;transform:translateY(-2px)}.nav-item:after{background:#22c55e;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.nav-item:hover:after{width:80%}.text-container{margin-top:50px;position:relative;text-align:center;z-index:0}.welcome-text{color:#00000080;font-size:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:-1}.home-container{align-items:center;display:flex;flex-direction:row;gap:100px;justify-content:center;margin:0 auto;max-width:1400px;padding:120px 80px;position:relative;z-index:1}.paragraph-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#02362acc;border:1px solid #22c55e4d;border-radius:24px;box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #22c55e33;display:flex;max-width:650px;overflow:hidden;padding:40px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:2}.paragraph-container:before{background:linear-gradient(90deg,#0000,#22c55e1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.paragraph-container:hover:before{left:100%}.paragraph-container:hover{border-color:#22c55e80;box-shadow:0 20px 40px #0006,inset 0 1px 0 #22c55e4d;transform:translateY(-8px) scale(1.02)}.personal-paragraph{color:#fff;font-size:32px;font-weight:300;letter-spacing:.5px;line-height:1.6;margin:0;position:relative;text-shadow:0 2px 4px #0000004d;z-index:1}.personal-image{border-radius:50%;box-shadow:0 20px 40px #0000004d,0 0 0 4px #22c55e4d,0 0 0 8px #10b98133;height:420px;object-fit:cover;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:420px;z-index:1}.personal-image:before{animation:rotate 3s linear infinite;background:linear-gradient(45deg,#22c55e,#16a34a,#15803d,#166534,#14532d);border-radius:50%;bottom:-4px;content:"";left:-4px;position:absolute;right:-4px;top:-4px;z-index:-1}.personal-image:hover{box-shadow:0 30px 60px #0006,0 0 0 4px #22c55e80,0 0 0 8px #10b9814d;transform:scale(1.05) rotate(2deg)}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.external-links{display:flex;flex-direction:row;gap:40px;justify-content:center;margin-top:60px;position:relative;z-index:1}.github-items,.linkedin-items{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-direction:row;gap:12px;height:100%;padding:16px 24px;width:100%}.github-button,.linkedin-button{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#02362acc;border:1px solid #22c55e4d;border-radius:16px;box-shadow:0 8px 32px #0000004d,inset 0 1px 0 #22c55e33;cursor:pointer;min-width:160px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.github-button:before,.linkedin-button:before{background:linear-gradient(90deg,#0000,#22c55e1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.github-button:hover:before,.linkedin-button:hover:before{left:100%}.github-button:hover,.linkedin-button:hover{border-color:#22c55e80;box-shadow:0 16px 40px #0006,inset 0 1px 0 #22c55e4d;transform:translateY(-4px) scale(1.05)}.github-button:active,.linkedin-button:active{transform:translateY(-2px) scale(1.02)}.github-photo,.linkedin-photo{filter:brightness(0) invert(1);height:24px;transition:transform .3s ease;width:24px}.github-button:hover .github-photo,.linkedin-button:hover .linkedin-photo{transform:scale(1.1)}.github-text,.linkedin-text{color:#fff;font-size:18px;font-weight:500;letter-spacing:.5px;margin:0;text-shadow:0 2px 4px #0000004d}@media screen and (max-width:1145px){.home-container{flex-direction:column;gap:60px;padding:80px 40px}.personal-image{height:300px;width:300px}.paragraph-container{min-width:300px;padding:30px}.personal-paragraph{font-size:24px;line-height:1.5}.navbar{gap:20px}.nav-item{font-size:16px;padding:8px 16px}}@media screen and (max-width:400px){.home-container{gap:40px;padding:60px 20px}.personal-image{height:200px;width:200px}.paragraph-container{min-width:280px;padding:20px}.personal-paragraph{font-size:16px;line-height:1.4}.github-photo,.linkedin-photo{height:20px;width:20px}.github-text,.linkedin-text{font-size:14px}.github-items,.linkedin-items{gap:8px;padding:12px 16px}.github-button,.linkedin-button{min-width:120px}.external-links{gap:20px;margin-top:40px}.navbar{flex-wrap:wrap;gap:10px;justify-content:center}.nav-item{font-size:14px;padding:6px 12px}}
/*# sourceMappingURL=main.ee4d8259.css.map*/