.navbar{background-color:#000;color:#fff;display:none;left:0;padding:15px;position:fixed;text-align:center;top:0;transition:display .3s ease-in-out;width:100%;z-index:1000}.navbar.show{display:block}.navbar-container{align-items:center;display:flex;justify-content:space-between}.navbar-logo{color:#fff;font-size:24px;text-decoration:none}.navbar-links{display:flex;gap:20px}.navbar-item{color:#fff;font-size:18px;text-decoration:none}.navbar-toggle{display:none}@media (max-width:768px){.navbar-toggle{display:block}.navbar-links{background-color:#000;display:none;flex-direction:column;padding:10px;position:absolute;right:0;top:60px;width:100%}.navbar-links.active{display:flex}.navbar-item{margin:10px 0}}.hero{background-color:#000;color:#fff;height:100vh;justify-content:center;padding:100px 20px}.hero,.hero-content{align-items:center;display:flex}.hero-content{justify-content:space-between;max-width:1200px;width:100%}.hero-text{flex:1 1;max-width:600px;text-align:left}.hero-title{animation:fadeInSlideUp 1.5s ease-out;color:#ddd;font-family:Ubuntu Mono,monospace;font-size:72px;font-weight:700;margin-bottom:20px}.hero-subtitle{animation:fadeInSlideUp 1.5s ease-out .5s;color:#ddd;font-family:Arial,sans-serif;font-size:30px;font-weight:700;margin-bottom:30px}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-button{background-color:#636363;border-radius:5px;color:#000;font-size:18px;padding:12px 24px;text-decoration:none;transition:background-color .3s}.hero-button:hover{background-color:#ddd}.hero-image-container{align-items:center;display:flex;flex:1 1;justify-content:center}.hero-image{height:560px;object-fit:cover;width:500px}@media (max-width:768px){.hero-content{align-items:center;flex-direction:column}.hero-image-container{margin-bottom:20px;order:-1}.hero-text{margin-bottom:20px;text-align:center}.hero-title{font-size:48px}.hero-subtitle{font-size:20px}.hero-button{font-size:16px;margin-top:20px;padding:10px 20px}.hero-image{height:350px;width:300px}}.about{background-color:#000;color:#b5b5b5;padding:80px 16px;text-align:center}.highlight-white{color:#fff}.about-container{margin:0 auto;max-width:800px}.about-description{color:#666;font-size:23px;line-height:1.6}.highlight{color:#d7d7d7}@media (max-width:768px){.about-container{width:90%}.about-description{font-size:18px}.about h2{font-size:35px}}.skills{background-color:#000;color:#f0f0f0;padding:80px 20px;text-align:center}.skills-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin:0 auto;max-width:1200px;padding:0 20px}.skill-item{align-items:center;background-color:#1a1a1a;border:2px solid #333;border-radius:20px;display:flex;flex-direction:column;padding:30px;transition:transform .3s ease,box-shadow .3s ease}.skill-item:hover{box-shadow:0 20px 40px #b9b9b980;transform:translateY(-15px)}.icon-container{color:#fff;font-size:70px;margin-bottom:20px;transition:transform .3s ease}.skill-item:hover .icon-container{transform:scale(1.1)}.skill-item h3{color:#fff;font-family:Ubuntu Mono,monospace;font-size:22px;letter-spacing:1px;margin-bottom:10px;text-transform:capitalize}@media (max-width:768px){.skills-container{grid-template-columns:1fr 1fr}.skill-item{margin-bottom:40px;width:100%}.section-title{font-size:40px}}@media (max-width:480px){.skills-container{grid-template-columns:1fr}.skill-item{padding:5px;width:90%}.section-title{font-size:30px!important}}.projects{background-color:#000;color:#f0f0f0;padding:80px 20px;text-align:center}.timeline-item h3{margin-bottom:10px}.timeline-item p{margin-bottom:20px}.project-button{background-color:#7e7e7e}.project-button:hover{background-color:#555}.project-date{margin-top:10px}.experience{background-color:#000;color:#d4d4d4;padding:80px 16px;position:relative;text-align:center}.experience .section-title{font-family:Roboto,sans-serif;font-size:36px;margin-bottom:40px}.experience-timeline{margin-left:50px;position:relative}.experience-timeline:after{background-color:#ddd;bottom:0;content:"";left:25px;position:absolute;top:0;width:2px}.timeline-item{margin-bottom:30px}.timeline-dot{background-color:#fff;border:2px solid #000;box-shadow:0 0 10px #0003;left:0}.timeline-content{background-color:#1a1a1a;border-radius:8px;box-shadow:0 4px 10px #00000080;margin-left:40px;padding:20px;width:100%}.timeline-content h3{color:#ddd;font-size:22px;font-weight:700}.timeline-content p{color:#bbb;font-size:16px}@media (max-width:768px){.experience-timeline{margin-left:0}.experience-timeline:after{left:0;transform:translateX(0)}.timeline-item{flex-direction:column;padding-left:20px;padding-right:20px;text-align:left}.timeline-dot{left:0;transform:translateX(0)}.experience .section-title{font-size:30px}}.certificates{background-color:#000;padding:80px 16px;text-align:center}.certificate-list{display:flex;flex-wrap:wrap;justify-content:space-around}.certificate-item{background-color:#1f1f1f;border-radius:8px;box-shadow:0 4px 12px #a3a3a380;margin:16px;padding:24px;transition:transform .3s ease,box-shadow .3s ease;width:300px}.certificate-item:hover{box-shadow:0 6px 20px #a2a2a2cc;transform:translateY(-10px)}.certificate-item h3{color:#f3f3f3;font-size:24px;margin-bottom:8px}.subtitle{color:#9b59b6;font-size:.9rem;margin-bottom:2px}.certificate-item p{color:#979797;font-size:16px}.date{color:#aaa;font-size:14px;margin-bottom:8px;margin-top:2px}.view-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;margin-top:10px;padding:8px 16px;transition:background-color .3s ease}.view-button:hover{background-color:#45a049}.certificate-image{box-shadow:0 4px 12px #a3a3a380;height:auto}.certificate-image,.progress-container{border-radius:8px;margin-top:10px;width:100%}.progress-container{background-color:#2e2e2e;height:10px;overflow:hidden}.progress-bar{background-color:#4caf50;border-radius:8px;height:100%;width:0}.animate-progress{animation:fillProgress 2s ease-out forwards}.dot-animation{animation:dots 1.5s step-end infinite;color:#4caf50;font-weight:700}.dot-animation:first-child{animation-delay:0s}.dot-animation:nth-child(2){animation-delay:.3s}.dot-animation:nth-child(3){animation-delay:.6s}@keyframes dots{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes fillProgress{0%{width:0}to{width:60%}}.progress-label{color:#b2ffb2;font-size:14px;margin-top:6px;text-align:left}@media (max-width:480px){.certificate-item{width:100%}}.contact-section{background-color:#000;color:#fff;padding:4rem 2rem;text-align:center}.contact-title{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.contact-container{margin:0 auto;max-width:800px}.social-links{display:flex;gap:2rem;justify-content:center;margin-bottom:1.5rem}.social-link{color:#6d6d6d;transition:color .3s}.social-link:hover{color:#03c470}.contact-info{font-size:1.2rem;margin:.5rem 0}.contact-highlight{font-weight:700}.contact-location{margin-top:1rem}.footer-remark{align-items:center;display:flex;justify-content:center;margin-top:20px}.footer-logo-link{display:inline-block;margin-right:10px}.footer-logo{height:auto;padding-top:3px;width:80px}.footer-designed-by{color:#fff;font-size:12px;margin:0}@media (max-width:768px){.contact-title{font-size:2rem}.social-links{gap:1rem}.contact-info{font-size:1rem}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif;line-height:1.6}.freelance{background-color:#000;color:#f0f0f0;padding:80px 20px;text-align:center}.section-title{color:#fff;font-family:Ubuntu Mono,monospace;font-size:56px;font-weight:700;letter-spacing:2px;margin-bottom:40px;text-transform:uppercase}.timeline{margin:0 auto;max-width:1200px;padding:0 20px;position:relative}.timeline:after{background-color:#ddd;bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px}.timeline-item{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;margin:20px 0;padding-left:60px;position:relative;text-align:left}.timeline-item:nth-child(2n){flex-direction:row-reverse;padding-right:60px}.timeline-dot{background-color:#00bfa5;border-radius:50%;height:20px;left:50%;position:absolute;transform:translateX(-50%);width:20px}.timeline-item .timeline-content{background-color:#1a1a1a;border-radius:10px;box-shadow:0 4px 15px #0006;padding:20px;transition:transform .3s ease;width:45%}.timeline-item:hover .timeline-content{transform:translateY(-10px)}.timeline-item h3{color:#fff;font-size:24px;margin-bottom:px}.timeline-item p{color:#d4d4d4;font-size:16px;margin-bottom:px}.project-button{background-color:#1a9443;border-radius:5px;color:#fff;font-size:16px;padding:12px 24px;text-decoration:none;transition:background-color .3s}.project-button:hover{background-color:#2ab63f}.project-date{color:#aaa;display:block;font-size:14px;margin-bottom:10px}@media (max-width:768px){.timeline{padding-left:20px}.timeline:after{left:0;transform:translateX(0)}.timeline-item{flex-direction:column;padding-left:20px;padding-right:20px;text-align:left}.timeline-dot{left:0;transform:translateX(0)}.timeline-item:nth-child(2n){flex-direction:column-reverse}.timeline-item .timeline-content{width:100%}.section-title{font-size:30px}}
/*# sourceMappingURL=main.0d8508b9.css.map*/