@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{background-color:#4a4e69;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:2}body:not(.loaded){opacity:0;overflow:hidden}body.loaded{opacity:1;transition:opacity .5s ease}.hero{align-content:center;background-color:#4a4e69;border:2px groove #f3c582;border-radius:30px;box-shadow:0 4px 15px #0003;flex-shrink:0;height:-webkit-fit-content;height:fit-content;margin:0;max-height:80vh;max-width:400px;min-height:60vh;padding:2rem;position:relative;width:90%;width:100%}.hero-content{text-align:start}.hero-title{color:#d3a383;font-size:28px;text-align:center}.hero-subtitle{color:#f0f0f0;font-size:13px;text-align:center}.hero-contact{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}.contact-icon{align-self:flex-start;background-color:#75789b;border:4px groove #4a4e69;border-radius:9px;color:#f3c582;flex-shrink:0;font-size:3rem;margin-left:2rem;margin-right:1rem;margin-top:4px;padding:10px}.contact-item{align-items:center;display:flex;gap:1rem;margin-bottom:4px;margin-top:1px}.profile-image-container{margin:0 auto 1.5rem;width:-webkit-fit-content;width:fit-content}.profile-image{border:.2rem solid #d3a383;border-radius:20%;display:block;margin-left:70px;object-fit:cover;transition:transform .3s ease}.profile-image:hover{transform:scale(1.05)}.profile-image-container{display:inline-block;position:relative}.active-status{animation:pulse 1.5s ease-in-out infinite;background-color:#39ff14;border-radius:50%;bottom:10px;box-shadow:0 0 10px #39ff14;display:block;height:16px;position:absolute;right:10px;width:16px}@keyframes pulse{0%{opacity:1}50%{opacity:.3}to{opacity:1}}li{list-style:none;padding:10px}ul{align-content:center;display:flex;margin-left:30%}a{display:block}.footer{color:#f0f0f0;font-size:10px;text-align:center}.colorized-image{filter:brightness(.7) sepia(30%) hue-rotate(240deg) saturate(400%) contrast(.8)}.hero-contact h5,.hero-contact span{color:#f0f0f0;display:flex;flex-direction:column;font-size:19px;line-height:1;margin-left:0;margin-top:.3rem;padding-left:0}.social-item{color:#f0f0f0;margin-bottom:4.5px;margin-right:2px}@media (max-width:768px){.hero{margin:0 auto 2rem;max-width:100%;order:-1}.profile-image{height:140px;width:140px}}.content-panel{border:2px solid #f3c582;border-radius:30px;box-shadow:0 4px 20px #0000004d;flex-direction:column;margin:2rem;max-height:80vh;max-width:900px;min-height:60vh;overflow:hidden;width:90%}.content-panel,.tab-selector{background:#4a4e69;display:flex}.tab-selector{border-bottom:1px solid #f3c582;gap:.5rem;justify-content:center;padding:.5rem}.tab-selector button{background:#0000;border:none;border-radius:20px;color:#f3c582;cursor:pointer;font-size:1rem;padding:.5rem 1.2rem;transition:all .3s ease}.tab-selector button:hover{background:#f3c58233}.tab-selector button.active{background:#f3c582;color:#4a4e69;font-weight:600}.tab-content{color:#f8f9fa;flex:1 1;overflow-y:auto;padding:1.5rem}.tab-content::-webkit-scrollbar{width:8px}.tab-content::-webkit-scrollbar-track{background:#3a3e59}.tab-content::-webkit-scrollbar-thumb{background:#f3c582;border-radius:4px}@media (max-width:768px){.content-panel{margin:1rem auto;min-height:70vh;width:95%}.tab-selector{flex-wrap:wrap;justify-content:center}.tab-selector button{font-size:.9rem;padding:.4rem .8rem}.tab-content{padding:1rem}}@media (max-width:480px){.content-panel{border-radius:20px}.tab-selector button{font-size:.8rem;padding:.3rem .6rem}}.about-me-container{color:#333;margin-bottom:2rem;margin-left:1.4rem;max-width:800px}.about-title{border-bottom:2px solid #f0f0f0;color:#d3a383;font-size:2.5rem;padding-bottom:.5rem}.about-description{border-bottom:2px solid #f0f0f0;color:#f0f0f0;font-size:1.1rem;line-height:1.8;padding:2rem;text-align:justify}.about-details{color:#f0f0f0;display:flex;margin:2rem}.section-subtitle{color:#d3a383;font-size:2.5rem;margin-bottom:1rem}.skills-section{margin-top:2rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:9px}.skill-category{background:#ffffff1a;border-left:3px solid #d3a383;border-radius:8px;margin:1.1rem;padding:6px}.skill-category strong{color:#d3a383;display:block;font-size:1.1rem;margin-bottom:.5rem}.skill-category span{color:#f0f0f0;line-height:1.6}@media (max-width:600px){.skills-grid{grid-template-columns:1fr}}.projects-container{margin:0 auto;max-width:1200px;padding:2rem}.projects-title{color:#d3a383;font-size:2.5rem;margin-bottom:2rem;position:relative;text-align:center}.projects-title:after{background:#f0f0f092;content:"";display:block;height:1px;margin:.5rem auto;width:700px}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.project-card{background:#ffffff0d;border-radius:15px;box-shadow:0 5px 15px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{box-shadow:0 10px 25px #0003;transform:translateY(-5px)}.project-image-container{align-items:center;background:rgba(0,0,0,.215);border-bottom:2px solid #d3a383;display:flex;height:200px;justify-content:center;overflow:hidden;position:relative}.project-image{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));max-height:80%;max-width:80%;object-fit:contain;transition:transform .3s ease}.project-card:hover .project-image{transform:scale(1.05)}@media (max-width:768px){.project-image-container{height:150px}.project-image{max-height:70%;max-width:70%}}.project-badge{background:#d3a383e6;border-radius:20px;color:#4a4e69;font-size:.8rem;font-weight:700;padding:.3rem .8rem;position:absolute;right:15px;top:15px}.project-content{padding:1.5rem}.project-title{color:#f3c582;font-size:1.5rem;margin-bottom:.5rem}.project-description{color:#f0f0f0;line-height:1.6;margin-bottom:1.5rem}.project-footer{display:flex;justify-content:flex-end}.github-link{align-items:center;color:#f0f0f0;display:flex;gap:.5rem;text-decoration:none;transition:color .3s ease}.github-link:hover{color:#d3a383}.github-icon{filter:invert(1);height:24px;width:24px}@media (max-width:768px){.projects-grid{grid-template-columns:1fr}.project-image-container{height:180px}}.resume-container{color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:800px;padding:.1rem}.resume-section{margin-bottom:2.5rem}.section-title{border-bottom:2px solid #f0f0f0;color:#d3a383;font-size:2.5rem;padding-bottom:.5rem}.education-item{background:#ffffff1a;border-left:3px solid #d3a383;border-radius:8px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:1.1rem;padding:6px}.institution{font-size:1.2rem}.degree,.institution{color:#f0f0f0;margin-bottom:.2rem}.degree{font-style:italic}.date{color:#f3c582;font-size:1rem}.experience-item{background:#ffffff1a;border-left:3px solid #d3a383;border-radius:8px;box-shadow:0 2px 5px #0000001a;margin:1.1rem;padding:6px}.job-header{margin-bottom:1rem}.position{color:#d3a383;font-size:1.3rem}.company,.position{margin-bottom:.3rem}.company{color:#f0f0f0;font-size:1.1rem}.date,.location{color:#f3c582;display:inline-block;font-size:.9rem;margin-right:1rem}.project{border-radius:8px;margin-bottom:1.5rem;padding:1.2rem;transition:all .3s ease}.project:hover{background:hsla(0,0%,100%,.046);transform:translateY(-2px)}.project-header{align-items:baseline;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:.8rem}.project-title{color:#d3a383;font-size:1.3rem;font-weight:600;margin:0}.project-date{border-radius:12px;color:#f3c582;font-size:.9rem;margin:0}.responsibilities{color:#f0f0f0;list-style-type:none;margin:.8rem 0;padding-left:1.5rem;text-align:justify}.responsibilities li{display:block;line-height:1;margin-bottom:.2rem;padding-left:1.5rem;padding-right:1.5rem;position:relative;text-align:justify;white-space:normal}.responsibilities li:before{color:#d3a383;content:"▹";font-size:1.1rem;left:0;position:absolute}.tech-tags{background-color:#f0f0f0a3;border-radius:15px;color:#4a4e69;display:flex;flex-wrap:wrap;gap:.5rem;margin:.8rem 0}.tech-tag{color:#4a4e69;font-size:.9rem;margin-left:1rem;padding:.2rem .6rem}@media (max-width:768px){.resume-container{padding:1rem}.resume-title{font-size:2rem}.experience-item{padding:1rem}}.main-container{align-items:flex-start;align-items:center;display:flex;gap:2rem;justify-content:center;margin:0 auto;max-width:2000px;min-height:100vh;padding:2rem;width:100%}@media (max-width:768px){.main-container{flex-direction:column;gap:1rem;padding:1rem}}
/*# sourceMappingURL=main.9781ea0e.css.map*/