@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap);*{box-sizing:border-box;font-family:Outfit,sans-serif;margin:0;padding:0}body{background:#000;color:#fff;overflow-x:hidden}a,h1,h2,h4,p{color:#fff;text-decoration:none}ul{list-style-type:none}.btn{background:#f8d90f;color:#222;text-transform:uppercase}.btn,.btn-light{border:1px solid #fff;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 20px;transition:background-color .3s,color .3s}.btn-light{background:#0000;color:#fff}.btn:hover{background:#fff3;color:#fff}.btn-light:hover{background:#fff3;color:#222}.about-section{background-color:#424343;color:#ccd6f6;padding:60px 20px;text-align:center}.about-section h2{color:#64ffda;font-size:2.5rem;font-weight:700;letter-spacing:2px;margin-bottom:30px;text-transform:uppercase}.about-content{background:#070707;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:0 auto;max-width:800px;padding:20px;text-align:left;text-align:justify}.about-content p{color:#8892b0;font-size:1.1rem;line-height:1.8;margin-bottom:20px}.highlight{color:#64ffda;font-weight:700}@media (max-width:768px){.about-section{padding:40px 10px}.about-section h2{font-size:2rem}.about-content{font-size:1rem;padding:15px}}.logo{height:5rem;object-fit:cover;width:8rem}.header{align-items:center;display:flex;height:90px;justify-content:space-between;padding:1rem;position:fixed;width:100%;z-index:10}.header-bg{background-color:#000000d9;transition:.5s}.nav-menu{display:flex}.nav-menu li{padding:0 1rem}.nav-menu li a{color:#f3f0f0;font-size:1.2rem;font-weight:500;position:relative;text-decoration:none;transition:all .3s ease-out 0s}.nav-menu li a:after{background-color:#64ffda;border-radius:5px;bottom:-2px;content:"";height:4px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-menu li a:hover:after{width:100%}.hamburger{display:none}@media screen and (max-width:1040px){.nav-menu{align-items:center;background-color:#000000e6;flex-direction:column;height:100vh;justify-content:center;left:-100%;position:absolute;top:0;transition:.3s;width:100%;z-index:-3}.nav-menu.active{left:0}.nav-menu li{padding:1rem 0}.nav-menu li a{font-size:2rem}.hamburger{display:inline;display:initial}}.footer{background:#000;bottom:0;color:#fff;padding:20px 0;position:relative;text-align:center;width:100%}.footer-content{margin:auto;max-width:1000px;padding:20px}.footer-content h3{font-size:2rem;margin-bottom:10px}.footer-content p{font-size:1rem;margin-bottom:20px}.footer-content .socials{display:flex;gap:20px;justify-content:center;list-style:none;padding:0}.footer-content .socials li a{color:#fff;font-size:1.5rem;transition:color .3s}.footer-content .socials li a:hover{color:#f8d90f}.footer-bottom{font-size:.8rem;margin-top:20px}.hero{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100%}.mask{height:100%;left:0;position:absolute;top:0;width:100%}.wave{animation:wave-animation 2.1s infinite;display:inline-block;transform-origin:70% 70%}@keyframes wave-animation{0%,to{transform:rotate(0deg)}25%{transform:rotate(14deg)}50%{transform:rotate(-8deg)}75%{transform:rotate(14deg)}}.mask:after{background-color:#000;content:"";left:0;opacity:.8;position:absolute;top:0}.back-img,.mask:after{height:100%;width:100%}.back-img{background-position:50%;background-size:cover;object-fit:cover}.content{color:#fff;position:relative;text-align:center;z-index:1}.content h1{font-size:3rem;margin-bottom:.5rem;padding:.6rem 0 1.5rem;text-transform:uppercase}.content h2{animation:typing 3.8s steps(40) 1s both,blink-caret .78s step-end 3.8s forwards;border-right:.15em solid #fff;font-size:1.5rem;margin-bottom:1.5rem;overflow:hidden;white-space:nowrap}.content .btn{margin:1rem .2rem}@media screen and (max-width:640px){.content h1{font-size:2rem}.content h2{font-size:1.1rem}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:#fff}}.skills-section{background-color:#070707;color:#fff;padding:50px 20px}.skills-heading{color:#64ffda;font-size:2.5rem;letter-spacing:2px;margin-bottom:40px;position:relative;text-align:center;text-transform:uppercase}.skills-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0 auto;max-width:1200px}.skill-card{background-color:#333;border:2px solid #585b5a;border-radius:20px;box-shadow:0 4px 8px #0003;overflow:hidden;padding:20px;position:relative;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.skill-img{height:80px;margin-bottom:15px;object-fit:contain;position:relative;width:80px;z-index:1}.skill-card:hover{border-color:#64ffda;box-shadow:0 12px 16px #64ffda;transform:translateY(-8px);transform:scale(1.1)}.skill-name{color:#fff;font-size:1rem;font-weight:700;position:relative;text-transform:uppercase;z-index:1}.contact-section{background-color:#070707;color:#fff;padding:70px 0}.container-xl{margin:0 auto;max-width:1200px;padding:0 20px}.contact-info-cont{align-items:center;display:flex;flex-direction:column;gap:40px}.contact-info{text-align:center}.section-title h2{color:#64ffda;font-size:2.5rem;font-weight:700;margin-bottom:15px}.contact-info p{margin:0 auto;max-width:600px;padding-bottom:15px}.contact-form{background-color:#424343;border-radius:10px;box-shadow:0 6px 16px #64ffda;max-width:600px;padding:30px;text-align:center;width:100%}.contact-form h3{color:#fff;font-size:24px;font-weight:700;line-height:30px;margin-bottom:20px}.input-control{background-color:#fff;border:2px solid #eee;border-radius:5px;box-sizing:border-box;color:#070707;margin-top:15px;padding:15px 20px;width:100%}.contact-form input[type=email],.contact-form input[type=text],.contact-form textarea{font-family:Poppins,sans-serif;font-size:16px}.contact-form textarea{height:150px;resize:none}.form-btn{margin-top:20px}.primary-btn{background-color:#64ffda;border:none;border-radius:5px;color:#070707;cursor:pointer;padding:10px 20px;transition:background-color .3s ease}.primary-btn:hover{background-color:#b7f4e6;color:#070707}@media only screen and (max-width:768px){.contact-info-cont{gap:30px}.contact-form{padding:20px}.section-title h2{font-size:28px}.contact-form h3{font-size:22px}}.project{align-items:center;background-color:#070707;display:flex;flex-direction:column;justify-content:center;padding:80px 8%;width:100%}.project h2{color:#64ffda;font-family:Montserrat,sans-serif;font-size:2.5rem;margin-bottom:40px;text-align:center;text-transform:uppercase}.project-cards{align-items:center;display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.project-card{background:#1c1c1c;border-radius:15px;box-shadow:0 4px 12px #0000004d;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:30%}.project-card:hover{box-shadow:0 6px 16px #0006;transform:translateY(-10px)}.project-card img{height:auto;max-height:180px;object-fit:cover;transition:transform .3s;width:100%}.project-card:hover img{transform:scale(1.1)}.project-card-content{color:#fff;font-family:Roboto,sans-serif;padding:20px;text-align:center}.project-card-content h4{color:#64ffda;font-size:1.5rem;font-weight:700;margin-bottom:10px;text-transform:uppercase}.project-card-content p{color:#b0b0b0;font-size:1rem;line-height:1.6;margin-bottom:20px}.project-links{display:flex;gap:10px;justify-content:center;margin-top:20px}.project-links a{align-items:center;background-color:#64ffda;border-radius:5px;box-shadow:0 2px 4px #0003;color:#070707;display:flex;font-weight:700;gap:5px;padding:10px 20px;text-decoration:none;text-transform:uppercase;transition:background-color .3s,color .3s}.project-links a:hover{background-color:#424343;color:#64ffda}@media (max-width:1300px){.project-card{width:45%}}@media (max-width:768px){.project-card{width:80%}}@media (max-width:500px){.project-card{width:100%}.project-card-content h4{font-size:1.2rem}.project-card-content p{font-size:.9rem}}
/*# sourceMappingURL=main.1593e84a.css.map*/