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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.about{align-items:center;background-color:initial;color:#58a6ff;flex-direction:column;font-family:Poppins,sans-serif;justify-content:center;min-height:100vh;overflow-x:hidden;padding:6rem 2rem;position:relative}.about,.about-container{box-sizing:border-box;display:flex}.about-container{align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:4rem;justify-content:space-between;max-width:1200px;width:100%}.about-text{flex:1 1 550px}.about-title-div{padding-bottom:5em;text-align:flex-start}.about-title{align-items:center;display:flex;font-size:2.5rem;font-weight:700;gap:.5rem;margin-bottom:1rem}.about-icon{font-size:2rem}.about-text p{word-wrap:break-word;color:#c9d1d9;font-size:1.2rem;line-height:1.7;margin-bottom:1.5rem;max-width:100%;overflow-wrap:break-word}.contact-btn{background:#0000;border:1px solid #fff;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;margin-bottom:3em;margin-top:1.5rem;padding:.8rem 1.8rem;transition:all .3s ease}.contact-btn:hover{background:#58a6ff;color:#000;transform:scale(1.05)}.about-photo{align-items:center;display:flex;flex:0 1 300px;justify-content:center}.photo-frame{background-color:#0d1117;border:1px solid #e6edf3;border-radius:15px;overflow:hidden;position:relative;text-align:center}.photo-caption{background:#000;border-bottom-right-radius:10px;color:#fff;font-size:.8rem;left:0;letter-spacing:1px;padding:.4rem 1rem;position:absolute;text-transform:uppercase;top:0}.photo-frame img{border-radius:15px;display:block;height:20em;object-fit:cover}.photo-label{background:#000;border-top-left-radius:10px;bottom:0;color:#fff;font-size:.8rem;padding:.4rem 1rem;position:absolute;right:0;text-transform:uppercase}@media (max-width:900px){.about-container{align-items:center;flex-direction:column;gap:2rem;justify-content:center;max-width:100%}.about-container,.about-text{margin:0 auto;text-align:center;width:100%}.about-text{max-width:90vw}.about-text p{margin-left:auto;margin-right:auto;text-align:center;width:100%}.about-photo img{height:auto;max-width:80vw}}.projects{background:#000;color:#e6edf3;display:flex;font-family:Poppins,sans-serif;justify-content:center;padding:6rem 2rem}.projects-container{max-width:1200px;width:100%}.projects-title{align-items:center;color:#58a6ff;font-size:2.5rem;font-weight:700;gap:.5rem;margin-bottom:3rem;padding-bottom:2em}.project-list{display:flex;flex-direction:column;gap:4rem}.project-card-horizontal{background:#0d1117;border-radius:20px;box-shadow:0 4px 25px #00000080;display:flex;overflow:hidden;transition:transform .3s ease}.project-card-horizontal:hover{transform:scale(1.02)}.project-image-side{flex:1 1;overflow:hidden}.project-image-side img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.project-card-horizontal:hover .project-image-side img{transform:scale(1.05)}.project-info-side{display:flex;flex:1 1;flex-direction:column;gap:1rem;justify-content:center;padding:2rem}.project-year{color:#8b949e;font-size:.9rem;letter-spacing:1px}.project-info-side h3{color:#fff;font-size:1.6rem}.project-info-side p{color:#c9d1d9;font-size:1rem;line-height:1.6}.project-tags{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.8rem}.tag{background:#0000;border:1px solid #30363d;border-radius:20px;color:#c9d1d9;font-size:.85rem;padding:.3rem .8rem}.project-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1.2rem}.project-btn{border:1px solid #58a6ff;border-radius:25px;color:#58a6ff;font-weight:600;padding:.6rem 1.4rem;text-decoration:none;transition:all .3s ease}.project-btn:hover{background:#58a6ff;color:#000}.project-btn.secondary{border-color:#c9d1d9;color:#c9d1d9}.project-btn.secondary:hover{background:#c9d1d9;color:#000}@media (max-width:900px){.project-card-horizontal{flex-direction:column}.project-image-side img{height:250px}.project-info-side{padding:1.5rem}}.contact{background:#161b22;color:#c9d1d9;padding:4rem 2rem;text-align:center}.contact h2{color:#58a6ff;font-size:2rem;margin-bottom:1.5rem}.contact p{font-size:1.1rem;margin-bottom:1.5rem}.contact ul{list-style:none;margin:0 auto;max-width:500px;padding:0}.contact li{font-size:1.05rem;margin:.8rem 0}.contact a{color:#58a6ff;font-weight:500;text-decoration:none;transition:color .2s ease}.contact a:hover{color:#79c0ff;text-decoration:underline}@media (max-width:768px){.contact h2{font-size:1.6rem}.contact li,.contact p{font-size:1rem}}.Greeting{align-items:center;background:#000;color:#fff;display:flex;font-family:Poppins,sans-serif;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100%}.stars,.stars2,.stars3{background-size:contain;bottom:0;display:block;position:absolute;right:0}.stars{animation:animStars 40s linear infinite;background-image:radial-gradient(2px 2px at 10% 20%,#fff,#0000),radial-gradient(2px 2px at 30% 40%,#fff,#0000),radial-gradient(2px 2px at 70% 80%,#fff,#0000),radial-gradient(2px 2px at 90% 10%,#fff,#0000),radial-gradient(2px 2px at 50% 60%,#fff,#0000)}.stars2{animation:animStars 80s linear infinite;background-image:radial-gradient(1.8px 1.8px at 15% 10%,#fff,#0000),radial-gradient(1.8px 1.8px at 35% 70%,#fff,#0000),radial-gradient(1.8px 1.8px at 65% 30%,#fff,#0000),radial-gradient(1.8px 1.8px at 85% 90%,#fff,#0000),radial-gradient(1.8px 1.8px at 45% 50%,#fff,#0000)}.stars3{animation:animStars 120s linear infinite;background-image:radial-gradient(1.5px 1.5px at 5% 80%,#fff,#0000),radial-gradient(1.5px 1.5px at 25% 60%,#fff,#0000),radial-gradient(1.5px 1.5px at 55% 20%,#fff,#0000),radial-gradient(1.5px 1.5px at 75% 40%,#fff,#0000),radial-gradient(1.5px 1.5px at 95% 70%,#fff,#0000);opacity:.4}.Greeting-content{animation:fadeIn 1.5s ease forwards;opacity:0;position:relative;text-align:center;z-index:10}.Greeting-name{animation:slideUp 1.5s ease forwards;color:#fff;font-size:clamp(2.5rem,6vw,5rem);font-weight:700;letter-spacing:2px;margin:0}.Greeting-title{animation:fadeIn 2.5s ease forwards;color:#b3b3b3;font-size:clamp(1rem,3vw,1.5rem);font-weight:300;margin-top:.5rem;margin-inline:auto;max-width:600px;text-align:center;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.double-arrow{animation-delay:0s}.skills{align-items:center;background-color:initial;color:#fff;display:flex;font-family:Poppins,sans-serif;justify-content:center;padding:6rem 2rem}.skills-container{margin-bottom:5em;max-width:1000px;width:100%}.skills-title{color:#58a6ff;font-size:2.5rem;font-weight:700;gap:.5rem;margin-bottom:1.5rem;padding-bottom:2em;text-align:center;text-justify:center}.skills-icon{font-size:2rem}.skill-block{margin-bottom:2.5rem}.skill-block h3{font-size:1.2rem;font-weight:600;margin-bottom:.6rem;text-transform:capitalize}.skill-bar{border-radius:4px;flex-wrap:wrap;min-height:35px;overflow:visible;padding:.5rem .7rem}.skill-bar span{flex:1 1 auto;padding-right:80px;word-break:break-word}.skills-note{color:#777;font-size:.9rem;margin-top:3rem}@media (max-width:768px){.skills{padding:4rem 1.5rem}.skills-title{font-size:2rem}.skill-bar{font-size:.8rem}}.skill-bar{background:linear-gradient(90deg,#555,#aaa);border-radius:1px;box-shadow:inset 0 0 5px #111;color:#000;font-size:.9rem;height:35px;overflow:hidden;padding-left:.7rem;position:relative}.skill-bar,.skill-years{align-items:center;display:flex;font-weight:600}.skill-years{background-color:#000;border-left:2px solid #333;bottom:0;color:#fff;font-size:.85rem;justify-content:center;letter-spacing:.5px;position:absolute;right:0;text-transform:uppercase;top:0}.skill-bar span{color:#000;margin-bottom:5px}.skills{position:relative}.scroll-arrow{bottom:2rem;cursor:pointer;left:50%;opacity:.8;position:absolute;transform:translateX(-50%);transition:opacity .3s ease;z-index:10}.scroll-arrow:hover{opacity:1}.double-arrow{stroke:#fff;animation:bounceArrow 6s ease infinite}@keyframes bounceArrow{0%,90%,to{transform:translateY(0)}92%{transform:translateY(-10px)}94%{transform:translateY(0)}96%{transform:translateY(-5px)}98%{transform:translateY(0)}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.stars,.stars2,.stars3{background-repeat:repeat;background-size:cover;height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.stars{animation:animStars 60s linear infinite;background-image:radial-gradient(2.5px 2.5px at 5% 10%,#fff,#0000),radial-gradient(2.5px 2.5px at 10% 30%,#fff,#0000),radial-gradient(2.5px 2.5px at 20% 70%,#fff,#0000),radial-gradient(2.5px 2.5px at 30% 50%,#fff,#0000),radial-gradient(2.5px 2.5px at 40% 80%,#fff,#0000),radial-gradient(2.5px 2.5px at 50% 20%,#fff,#0000),radial-gradient(2.5px 2.5px at 60% 60%,#fff,#0000),radial-gradient(2.5px 2.5px at 70% 40%,#fff,#0000),radial-gradient(2.5px 2.5px at 80% 75%,#fff,#0000),radial-gradient(2.5px 2.5px at 90% 25%,#fff,#0000),radial-gradient(2.5px 2.5px at 95% 55%,#fff,#0000),radial-gradient(2.5px 2.5px at 15% 85%,#fff,#0000),radial-gradient(2.5px 2.5px at 25% 15%,#fff,#0000),radial-gradient(2.5px 2.5px at 45% 45%,#fff,#0000),radial-gradient(2.5px 2.5px at 65% 25%,#fff,#0000);opacity:.9}.stars2{animation:animStars 90s linear infinite;background-image:radial-gradient(2px 2px at 5% 80%,#fff,#0000),radial-gradient(2px 2px at 15% 60%,#fff,#0000),radial-gradient(2px 2px at 25% 40%,#fff,#0000),radial-gradient(2px 2px at 35% 90%,#fff,#0000),radial-gradient(2px 2px at 45% 70%,#fff,#0000),radial-gradient(2px 2px at 55% 30%,#fff,#0000),radial-gradient(2px 2px at 65% 10%,#fff,#0000),radial-gradient(2px 2px at 75% 50%,#fff,#0000),radial-gradient(2px 2px at 85% 25%,#fff,#0000),radial-gradient(2px 2px at 95% 85%,#fff,#0000);opacity:.6}.stars3{animation:animStars 150s linear infinite;background-image:radial-gradient(1.8px 1.8px at 10% 50%,#fff,#0000),radial-gradient(1.8px 1.8px at 20% 30%,#fff,#0000),radial-gradient(1.8px 1.8px at 30% 80%,#fff,#0000),radial-gradient(1.8px 1.8px at 50% 40%,#fff,#0000),radial-gradient(1.8px 1.8px at 60% 60%,#fff,#0000),radial-gradient(1.8px 1.8px at 70% 20%,#fff,#0000),radial-gradient(1.8px 1.8px at 80% 70%,#fff,#0000),radial-gradient(1.8px 1.8px at 90% 10%,#fff,#0000);opacity:.35}@keyframes animStars{0%{transform:translateY(0)}to{transform:translateY(-2000px)}}.App{background:radial-gradient(ellipse at bottom,#0d0f13 0,#000 100%);overflow:hidden;z-index:1}.App,main{position:relative}main{z-index:10}
/*# sourceMappingURL=main.46f9142f.css.map*/