.background{position:relative;width:100%;height:100vh;overflow:hidden}.background video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.overlay-text{position:absolute;top:50%;left:12%;transform:translate(-30%,-50%);text-align:left;color:#fff;font-family:Roboto Mono}.overlay-text p{font-size:1.3rem;margin:0 0 5px}.overlay-text h1{font-size:4rem;margin:10px 0}.typewriter-effect{font-size:1.5rem;font-family:Georgia,serif;margin:0}.animated-text{font-weight:700;color:var(--primary-color);font-size:2rem}.button{margin:6px 0;font-size:1.2rem;padding:10px;border:2px solid rgba(69,236,39,.5);background:transparent;color:var(--primary-color);cursor:pointer;transition:border-color .3s ease;border-top-right-radius:25px;border-bottom-left-radius:25px}.button:hover{border-color:var(--primary-color)}.but-div{padding-top:20px}.chat{position:absolute;bottom:20px;left:5%;text-align:left;color:var(--secondary-color);text-decoration:none;font-size:1.2rem;font-weight:600;transition:color .3s ease}h2{font-family:Poppins,sans-serif;font-weight:600;font-style:oblique;line-height:1.5;letter-spacing:.5px;text-align:center}.chat:hover{color:var(--primary-color)}.chat:after{content:"";position:absolute;left:0;bottom:0;width:50%;height:2px;background-color:var(--primary-color);transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease}.chat:hover:after{transform:scaleX(1);transform-origin:bottom left}.social-icon{position:absolute;bottom:20px;right:20px;display:flex;flex-direction:column;align-items:end;gap:10px}.icon1,.icon2,.icon3,.icon4{font-size:40px;color:#333;transition:color .3s}.icon1:hover{color:#6cc644}.icon2:hover{color:#0077b5}.icon3:hover{color:#962fbf}.icon4:hover{color:#25d366}.resume-button{position:fixed;top:15px;right:20px;z-index:9999;padding:10px 16px;font-size:1rem;font-weight:500;background:transparent;color:#1ce480;border-radius:20px;cursor:pointer;transition:background-color .3s ease,color .3s ease}.resume-button:hover{color:#fff}@media (max-width: 1231px){.overlay-text{left:10%;top:45%;transform:translate(-10%,-45%);text-align:center}.overlay-text h1{font-size:2.5rem}.overlay-text p{font-size:1rem}.animated-text{font-size:1.5rem}.button{font-size:1rem;padding:8px}.chat{font-size:1rem}.social-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:20px}}@media (max-width: 480px){.overlay-text{left:5%;top:40%;transform:translate(-5%,-40%)}.overlay-text h1{font-size:2rem}.overlay-text p{font-size:.9rem}.animated-text{font-size:1.2rem}.button{font-size:1rem;padding:6px}.chat{font-size:.9rem;padding:30px}.social-icon{position:absolute;bottom:0;right:10px}.icon1{font-size:20px;position:absolute;bottom:0;right:0}.icon2{font-size:20px;position:absolute;bottom:30px;right:0}.icon3{font-size:20px;position:absolute;bottom:60px;right:0}.icon4{font-size:20px;position:absolute;bottom:90px;right:0}}.hero-overlay{height:90vh;display:flex;flex-direction:row;top:50%;left:20%;padding:5%;font-family:Poppins,Roboto,sans-serif;line-height:1.2rem;z-index:0}.para{color:var(--secondary-color);display:inline-block;position:relative;padding-bottom:5px}.para:after{content:"";position:absolute;left:0;bottom:0;width:3%;height:2px;background-color:var(--primary-color);border-radius:2px}.intro-head{color:var(--primary-color);padding-top:2%}.who-iam-para{color:var(--secondary-color);max-width:85%;line-height:1.3rem;order:1;padding-top:5%;word-spacing:5px}.amigo{padding-top:8%;color:var(--primary-color);pointer-events:auto;position:relative;font-size:14px;cursor:pointer;display:inline-block}.amigo:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background-color:var(--primary-color);transition:width .3s ease}.amigo:hover:after{width:50%}.hero-icon a{display:inline-flex;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;background:transparent;font-size:1.5rem;border-radius:50%;color:var(--primary-color);margin:3rem 1.5rem 3em 0;transition:.3s ease-in-out}.hero-icon a:hover{color:var(--text-color);transform:scale(1.3) translateY(-5px);box-shadow:0 0 25px var(--button-border);background-color:var(--button-border)}.hero-textsphere{width:500px;height:500px;display:flex;align-items:center;justify-content:center;color:#00ced1;order:2;margin-top:-20px}@media (max-width: 480px){.hero-overlay{flex-direction:column}.who-iam-para{max-width:100%;order:1;padding:20px}.hero-textsphere{margin-left:auto;margin-right:auto;margin-top:15px;height:220px;width:220px;display:flex;align-items:center;justify-content:center;order:2}.amigo{font-size:15px;left:-1%}}@media (max-width: 360px){.hero-textsphere{width:180px;height:180px;margin:15px auto 0}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;overflow-x:hidden;overflow:auto;scroll-behavior:smooth}html,body{overflow:-moz-scrollbars-none;-ms-overflow-style:none;scrollbar-width:none;background:#000}html::-webkit-scrollbar{display:none}:root{--primary-color:#1ce480;--secondary-color: #d0f7e2;--accent-color: #1ce480;--text-color: white;--button-border: rgba(69, 236, 39, .5)}.works{padding:5px}.works-container{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding:5%;background:linear-gradient(45deg,#000,#000);font-family:Poppins,Roboto,sans-serif;color:var(--primary-color);justify-items:center;align-items:stretch}.para{color:var(--secondary-color);display:inline-block;position:relative;padding-bottom:5px;padding-top:3px}.para:after{content:"";position:absolute;left:0;bottom:0;width:30px;height:2px;background-color:var(--primary-color);border-radius:2px}*{box-sizing:border-box}.tittle-card{width:100%;max-width:400px;height:350px;background:#50b9cc40;margin:auto;border:1px solid rgba(6,80,22,.18);border-radius:15px;box-shadow:0 10px 30px #d9eecd1a;transition:transform .3s ease;display:flex;flex-direction:column;justify-content:center;padding:20px;overflow:hidden}.shop{color:var(--text-color);padding-top:20px}.shoping{display:flex;flex-direction:column}.shop-para{padding:15px;color:var(--text-color);font-size:12px;font-family:Roboto;line-height:1.8}.sorce{text-decoration:none;color:var(--primary-color);position:relative;display:inline-block;padding-bottom:3px;padding-left:10px}.sorce:after{content:"";position:absolute;left:10px;bottom:0;width:0;height:1px;background-color:var(--primary-color);transition:width .3s ease}.sorce:hover:after{width:20%}.live{display:flex;justify-content:space-between}@media (max-width: 980px){.works-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.works-container{grid-template-columns:1fr;padding:2%}.tittle-card{width:100%;height:auto;margin:10px 0}.shop-para{font-size:10px}.sorce{font-size:14px}}@media (max-width: 768px){.tittle-card{width:100%;height:auto;flex-direction:column;margin:0;padding:20px;box-sizing:border-box}.shoping{padding:10px}.shop-para{font-size:12px}}@media (max-width: 360px){.tittle-card{padding:10px;box-shadow:none}.shop-para{font-size:11px;line-height:1.6}.shop{font-size:18px}.sorce{font-size:12px}}.work-head{display:flex;flex-direction:column;justify-content:start;align-items:top;background:linear-gradient(45deg,#000,#000);padding:5%;font-family:Roboto Mono,monospace}.OG-work{color:var(--primary-color)}.Contact-container{height:100vh;background:linear-gradient(45deg,#000,#000);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Poppins,Roboto,sans-serif;padding:40px 20px}.contact-head{color:var(--primary-color);padding-bottom:20px}.contact-para{color:var(--text-color);max-width:60%;padding:30px 0;margin:0 auto;line-height:1.6rem;font-family:Poppins,Roboto,sans-serif;font-size:18px}.contact-bt{padding-top:40px}.contact-bt button{position:relative;font-size:18px;padding:15px 30px;border:2px solid var(--primary-color);background-color:transparent;color:#fff;border-radius:30px;cursor:pointer;overflow:hidden;transition:color .4s,border-color .4s;z-index:1}.contact-bt button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background-color:var(--primary-color);transition:left .3s ease-in-out;z-index:-1}.contact-bt button:hover:before{left:0}.contact-bt button:hover{color:#000;border-color:transparent}#Contact{min-height:100vh;padding:40px 0}