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}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:#e9e7df;color:#000;font-family:Helvetica Neue,sans-serif;margin:0}main{margin:1em 0 0 2em}.navbar{box-sizing:border-box;display:flex;justify-content:flex-end;margin-right:2rem;padding:2rem 3rem 1rem;width:100%}.navbar ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem;list-style:none;margin:0;padding:0}.navbar li{cursor:pointer;font-weight:500}.navbar a{color:#000;font-weight:500;position:relative;text-decoration:none;transition:color .3s ease}.navbar a:after{background-color:#000;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.navbar a:hover:after{width:100%}.hero{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin-top:3rem;padding:6rem 6rem 4rem}.image-section video{display:block;height:auto;object-fit:cover;width:90%}.text-section{flex:1 1 300px;max-width:600px}.name{font-family:Playfair Display,serif;font-size:4rem;line-height:1.2;white-space:nowrap}.letter,.name{display:inline-block}.letter{animation:appear .5s forwards;animation-delay:var(--delay);opacity:0}@keyframes appear{to{opacity:1}}.subtitle{font-size:1.1rem;margin-top:1rem}.image-section{display:flex;flex:1 1 300px;justify-content:center}.image-section img{height:auto;max-width:350px;width:100%}.cta-button{background-color:#000;color:#fff;display:inline-block;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .3s ease}.cta-button:hover{background-color:#333}.about-section{background-color:#0d0d15;color:#fff;padding:4rem 2rem}.about-container{align-items:center;display:flex;flex-wrap:wrap;gap:3rem;margin:0 auto;padding:2rem}.about-image img{background-color:initial;border:none;border-radius:50%;height:280px;width:280px}.about-details a{color:#fff;text-decoration:none;transition:color .3s ease}.about-details a:hover{color:#fff}.about-content{flex:1 1;min-width:300px}.about-content h2{font-size:2rem;margin:1rem 0}.about-content p{color:#ddd;font-size:1rem;line-height:1.6;margin-bottom:1.5rem;text-align:justify}.about-details{grid-gap:1rem;display:grid;font-size:.95rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.tag{background-color:initial;border:1px solid #fff;border-radius:20px;font-size:.85rem;margin-bottom:.5rem;padding:.4rem 1rem}.about-btn,.tag{display:inline-block}.about-btn{border-radius:30px;font-weight:700;margin-right:1rem;margin-top:1.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.about-btn.primary{background-color:#fff;color:#000}.about-btn.primary:hover{background-color:#333}.about-btn.secondary{border:1px solid #fff;color:#fff}.about-btn.secondary:hover{background-color:#333;color:#fff}.tech-scroll{background-color:#fff;overflow:hidden;padding:1rem 0;white-space:nowrap}.tech-logos{animation:scrollLeft 20s linear infinite;display:inline-block}.tech-logos img{height:35px;margin:0 1.5rem;vertical-align:middle}@keyframes scrollLeft{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.interests-section p{text-align:justify}.interests-section h3{font-family:Orbitron,sans-serif;font-size:1.5rem;margin-bottom:1.5rem}.interest-boxes{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.interest-box{background-color:#1c1c26;border-radius:10px;box-shadow:inset 0 0 5px #ffffff0d;padding:1rem .5rem;text-align:center;transition:background-color .3s ease}.interest-box:hover{background-color:#2d2d3d}.interest-box img{filter:invert(1);height:32px;margin-bottom:.5rem;width:32px}.interest-box span{color:#fff;display:block;font-size:.9rem}.my-projects{padding:3rem 5vw}.new-layout{align-items:flex-start;display:flex;flex-direction:row;gap:3rem;justify-content:space-between}.projects-header{margin-bottom:3rem;text-align:center;width:100%}.projects-header h2{display:inline-block;font-size:2rem;font-weight:700;margin-bottom:.5rem;position:relative}.projects-header h2:after{background:#000;content:"";display:block;height:2px;margin:.5rem auto 0;width:100%}.projects-header p{color:#666;font-size:1.1rem;margin-top:1rem}.project-left{flex:1 1 100%;margin-bottom:2rem;max-width:600px}.project-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.project-description{color:#000;font-size:1rem;margin-bottom:1.5rem;text-align:justify}.tech-stack{color:#000;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tech{background-color:#aeaeae;border-radius:4px;font-size:.85rem;padding:.3rem .6rem}.github-link{align-items:center;color:#000;display:inline-flex;font-size:1.2rem;gap:.3rem;text-decoration:none}.github-link:hover{color:#333}.project-right{display:flex;flex:1 1 100%;flex-direction:column;flex-wrap:wrap;gap:1rem;justify-content:flex-start}.project-item{animation:drawBorder .5s ease forwards;border:2px solid #000;border-radius:5px;cursor:pointer;font-size:1rem;min-width:240px;overflow:hidden;padding:1rem 2rem;position:relative;text-align:center;transition:all .3s ease}.project-item.selected{background-color:#000;color:#fff;font-size:1.2rem;font-weight:700;transform:scale(1.05)}.project-item:hover{background-color:#000;color:#fff;transform:scale(1.02)}.project-desc-mobile{animation:fadeIn .3s ease-in-out;background-color:#f4f4f4;margin-top:.5rem;padding:1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes drawBorder{0%{border-color:#0000;opacity:0}to{border-color:#000;opacity:1}}.contact-section{background-color:#f9f9f9;padding:4rem 2rem;text-align:center}.contact-section h2{color:#000;font-size:2.2rem;margin-bottom:.5rem}.contact-form textarea:focus,.form-row input:focus{border-color:#000;box-shadow:0 0 0 .5px #000;outline:none}.contact-section p{color:#333;font-size:1.1rem;margin-bottom:2rem}.contact-form{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:700px}.form-row{display:flex;flex-wrap:wrap;gap:1rem}.form-row input{flex:1 1;padding:.8rem}.contact-form textarea,.form-row input{border:1px solid #ccc;border-radius:5px;font-size:1rem}.contact-form textarea{min-height:150px;padding:1rem;resize:vertical}.contact-form button{background-color:#000;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem 1.5rem;transition:background .3s ease}.contact-form button:hover{background-color:#333}.footer{background-color:#000;color:#fff;font-family:Helvetica Neue,sans-serif;padding:2rem 1rem;text-align:center}.footer p{font-size:1rem;margin-bottom:1.5rem;margin-top:1.2rem}.footer-tagline{color:#fff;font-family:Verdana,sans-serif;font-size:2rem;letter-spacing:1px;line-height:1.5;margin-bottom:1.5rem}.icon-wrapper{gap:1.2rem}.icon-circle,.icon-wrapper{display:flex;justify-content:center}.icon-circle{align-items:center;border:2px solid #aaa;border-radius:50%;color:#fff;font-size:20px;height:45px;text-decoration:none;transition:all .3s ease;width:45px}.icon-circle:hover{background-color:#fff;border-color:#fff;color:#000}@media (max-width:768px){body,main{margin:0}.hero{flex-direction:column;padding:2rem;text-align:center}.navbar{margin-right:0;padding-left:1rem;padding-right:1rem;padding-top:1rem}.navbar,.navbar ul{justify-content:center}.navbar ul{flex-wrap:wrap;gap:1.5rem}.name{font-size:3rem}.subtitle{font-size:1rem}.image-section img{max-width:250px}.about-container{flex-direction:column;text-align:center}.about-section{padding:0}.about-details{grid-template-columns:1fr}.about-content p{text-align:center}.project-left{display:none}}
/*# sourceMappingURL=main.3cf56f80.css.map*/