body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#000;color:#fff;font-family:Courier New,Courier,monospace;margin:0;min-height:100vh;position:relative}body:before{background:url(/portfolio/static/media/portfolio-image.49b11454fea8f8ae1b12.jpg);background-position:100%;background-repeat:no-repeat;background-size:cover;right:0;width:85%;z-index:1}body:after,body:before{content:"";height:100vh;position:fixed;top:0}body:after{background:linear-gradient(90deg,#000 0,#000000de 10%,#000000b3 30%,#00000080 50%,#0000001a 70%,#0000);left:0;width:100vw;z-index:2}#root{min-height:100vh;position:relative;z-index:3}.header{align-items:center;background:#00000080;box-sizing:border-box;display:flex;justify-content:space-between;padding:1rem 2rem;position:absolute;top:0;width:100%;z-index:1000}.header nav{display:flex;flex-wrap:wrap;gap:1rem}.header nav a{color:#fff;font-weight:700;text-decoration:none}.logo{font-size:1.5rem;font-weight:700}.main{align-items:center;box-sizing:border-box;display:flex;min-height:100vh;padding-left:10%}.main,.typewriter{position:relative;z-index:3}.typewriter{max-width:800px;width:100%}.typewriter-line{font-size:clamp(24px,3.5vw,48px);margin:10px 0;overflow-wrap:break-word;text-shadow:2px 2px 4px #00000080;white-space:nowrap}.intro{max-width:90%;padding:20px;position:relative;text-align:left;width:100%;z-index:3}.cursor{animation:blink .75s step-end infinite;background-color:#fff;display:inline-block;height:1em;margin-left:2px;vertical-align:initial;width:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.scroll-hint{color:#fff;font-size:1.2rem;margin-top:1.5rem;opacity:0;text-align:left;transform:translateY(10px);transition:opacity 1s ease,transform 1s ease}.scroll-hint.show{opacity:1;transform:translateY(0)}.scroll-hint.hide{opacity:0;transform:translateY(10px)}.projects{align-content:center;box-sizing:border-box;font-size:1.1rem;min-height:100vh;padding:80px 10%;position:relative;z-index:3}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.project-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;border:1px solid #ffffff1a;border-radius:8px;padding:2rem;transition:transform .3s ease}.project-card:hover{transform:translateY(-5px)}.project-card h3{font-size:2rem;margin:0 0 1rem}.project-card p{font-size:1.2rem;margin:0 0 1rem;opacity:.9}.project-card .tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.project-card .tech{background:#ffffff1a;border-radius:15px;font-size:1rem;padding:.5rem 1rem}.project-links{display:flex;gap:1.5rem;margin-top:1rem}.project-links a{color:#fff;font-size:1.1rem;font-weight:500;opacity:.85;text-decoration:none;transition:opacity .2s ease,transform .2s ease}.project-links a:hover{opacity:1;transform:scale(1.05)}.footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;padding:2rem 10%;position:relative;text-align:center;z-index:3}.footer-content{align-items:center;gap:1rem}.footer-content,.footer-links{display:flex;flex-wrap:wrap;justify-content:center}.footer-links{gap:2rem}.footer-links a{color:#fff;opacity:.8;text-decoration:none;transition:opacity .2s ease}.footer-links a:hover{opacity:1}.footer-text{font-size:.875rem;margin-top:1rem;opacity:.6;text-align:center;width:100%}.contact{align-items:center;display:flex;flex-direction:column;gap:2rem;padding:2rem 10%;position:relative;text-align:center;z-index:3}.contact h1{color:#fff;font-size:clamp(1.8rem,4vw,2.5rem);margin-bottom:1rem}.social-icons{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-evenly;max-width:600px;width:100%}.social-icons img{cursor:pointer;height:50px;transition:transform .3s ease,opacity .3s ease;width:50px}.social-icons img:hover{border-radius:8px;box-shadow:0 0 10px #ffffff80;opacity:.9;transform:scale(1.2)}@media screen and (max-width:480px){.social-icons img{height:40px;width:40px}}@media screen and (max-width:768px){.contact,.footer{padding:2rem 5%}}@media screen and (max-width:480px){.contact,.footer{padding:1.5rem 2rem}.footer-links{gap:1rem}}@media screen and (max-width:768px){.typewriter-line{font-size:clamp(20px,5vw,28px)}.intro{max-width:95%;padding:15px}.main{padding-left:5%}body:before{width:100%}}@media (max-width:768px){body:after{background:linear-gradient(90deg,#000000e6 0,#00000080 40%,#0000)}}@media screen and (max-width:480px){.typewriter-line{word-wrap:break-word;font-size:clamp(18px,6vw,24px);white-space:normal}.intro{max-width:100%;padding:10px}.main{padding-left:15px;padding-right:15px}}@media screen and (max-width:768px){.project-card h3{font-size:1.7rem}.project-card .tech,.project-card p,.project-links a{font-size:1rem}}@media screen and (max-width:480px){.project-card h3{font-size:1.5rem}.project-card .tech,.project-card p,.project-links a{font-size:.95rem}}
/*# sourceMappingURL=main.26ccd3cd.css.map*/