*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;font-family:Poppins,sans-serif}body{color:#ededed;background:#081b29;overflow-x:hidden;overflow-y:auto}.btn_box,.btn{display:inline-block;padding:12px 28px;background:#0ef;border-radius:40px;font-size:16px;color:#081b29;letter-spacing:1px;text-decoration:none;font-weight:600;opacity:0;animation:slideTop 1s ease forwards;animation-delay:2s;box-shadow:0 0 5px #0ef,0 0 25px #0ef;transition:.5s ease}.btn_box:hover,.btn:hover{box-shadow:0 0 5px #0ff,0 0 25px #0ff,0 0 50px #0ff,0 0 100px #0ff,0 0 200px #0ff}.cv-container{position:relative;display:inline-block}.btn-cv{position:relative;overflow:hidden;padding:15px 30px;border:none;border-radius:5px;background-color:#337ab7;color:#fff;cursor:pointer;font-size:16px;font-weight:700;transition:background-color .3s ease}.btn-cv:hover{background-color:#23527c}.btn-cv:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#fff3;transition:left .4s ease}.btn-cv:hover:after{left:100%}.cv-options{position:absolute;top:100%;left:0;background-color:#23527c;border-radius:5px;box-shadow:0 0 10px #0000001a;padding:10px;display:none;z-index:1000}.cv-option{display:block;padding:10px;text-decoration:none;color:#fff;transition:background-color .5s ease}.cv-option:hover{scale:1.1}.profile-container{position:relative;width:180px;height:180px;margin:0 auto}.profile-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #0ef;box-shadow:0 0 20px #00eeff80,0 0 40px #00eeff4d;transition:all .3s ease}.circle-animation{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:50%;animation:rotate 20s linear infinite;z-index:-1;overflow:hidden}#services{color:#f0f8ff;background:#081b29;font-size:20px;line-height:1.4}.sub-tittle{text-align:center;font-size:60px;padding-bottom:70px}.sub-tittle span{color:#0ef}.container{padding:90px}.services-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(259px,1fr));grid-gap:50px;margin-top:50px}.services-list div{background-color:transparent;padding:40px;font-size:13px;border-radius:20px;transition:background .5s,transform .5s;box-shadow:1px 1px 20px #012290f7,1px 1px 40px #0053b8f7}.services-list div i{font-size:50px;margin-bottom:30px}.services-list div h2{font-size:30px;font-weight:500;margin-bottom:15px}.services-list div a{text-decoration:none;color:#000;font-size:12px;margin-top:20px;display:inline-block}.read{display:inline-block;padding:12px 28px;background:#0ef;border-radius:40px;font-size:16px;color:#081b29;letter-spacing:1px;text-decoration:none;font-weight:600;opacity:0;animation:slideTop 1s ease forwards;animation-delay:2s;box-shadow:0 0 5px #0ef,0 0 25px #0ef}.read:hover{box-shadow:0 0 5px #0ff,0 0 25px #0ff,0 0 50px #0ff,0 0 100px #0ff,0 0 200px #0ff}.services-list div:hover{transform:translateY(-10px)}.project{background:#081b29}.portfolio-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;padding:2rem 1rem}.portfolio-item{position:relative;overflow:hidden;border-radius:10px;box-shadow:0 4px 12px #0000001a;background:#fff;transition:transform .3s ease}.portfolio-item:hover{transform:translateY(-5px)}.portfolio-item img{width:100%;height:100%;object-fit:cover;display:block;border-bottom:2px solid #eee}.main-text h2{font-size:60px;line-height:1;text-align:center;color:#fff}.main-text h2 span{color:#0ef}.row{position:relative;overflow:hidden;border-radius:8px;cursor:pointer;box-shadow:0 5px 15px #0000001a;height:300px}.row img{width:100%;height:100%;border-radius:8px;display:block;transition:transform .5s;object-fit:cover}.layer{width:100%;height:0;background:linear-gradient(#0000001a,#0ef);position:absolute;border-radius:8px;left:0;bottom:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 40px;transition:height .5s}.layer h5{color:#fff;font-size:20px;font-weight:600;margin-bottom:15px}.layer p{color:#fff;font-size:1rem;line-height:1.8}.layer i{color:#ff004f;margin-top:20px;font-size:20px;background:#e0e0e0;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%}.row:hover img{transform:scale(1.1)}.row:hover .layer{height:100%}.skills{background:#081b29}.skills-title{width:100%;text-align:center;font-size:60px;font-weight:700;margin-bottom:60px;color:#fff}.skills-title span{color:#0ef}.skills-container{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;width:100%;max-width:1400px}.container1{width:600px;height:auto;padding:0 30px 50px}.heading1,.heading{text-align:center;font-size:32px;font-weight:600;margin-bottom:40px;position:relative;color:#fff}.heading1:after,.heading:after{content:"";position:absolute;width:150px;height:3px;background-color:#fff;bottom:-10px;left:50%;transform:translate(-50%)}.Technical-bars .bar{margin:40px 0;position:relative;display:flex;align-items:center}.Technical-bars .bar:first-child{margin-top:0}.Technical-bars .bar:last-child{margin-bottom:0}.Technical-bars .bar i{font-size:35px;margin-right:15px}.Technical-bars .bar .info{margin-right:10px;width:80px}.Technical-bars .bar .info span{font-size:18px;font-weight:500;animation:showText .5s 1s linear forwards;opacity:0;color:#fff}.Technical-bars .bar .progress-line{position:relative;width:100%;height:5px;background-color:#00000080;animation:animate 1s cubic-bezier(1,0,.5,1) forwards;transform:scaleX(0);transform-origin:left}.Technical-bars .bar .progress-line span{height:100%;background-color:#0ef;position:absolute;border-radius:0;animation:animate 1s 1s cubic-bezier(1,0,.5,1) forwards;transform:scaleX(0);transform-origin:left}.progress-line.html span{width:90%}.progress-line.css span{width:60%}.progress-line.Javascript span{width:85%}.progress-line.React span,.progress-line.Python span{width:50%}.progress-line span:after{position:absolute;content:"";padding:1px 8px;background-color:transparent;color:#fff;font-size:16px;border-radius:3px;top:-35px;right:-20px;animation:showText .5s 1.5s linear forwards;opacity:0}.progress-line.html span:after{content:"90%"}.progress-line.css span:after{content:"60%"}.progress-line.Javascript span:after{content:"85%"}.progress-line.React span:after{content:"50%"}.progress-line.Python span:after{content:"50%"}.radial-bars{display:grid;grid-template-columns:1fr 1fr;gap:30px;width:100%;padding:0 20px}.radial-bar{position:relative;width:150px;height:150px;margin:0 auto}.radial-bar svg{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.radial-bar .progress-bar{stroke-width:8;stroke:#000;fill:transparent;stroke-dasharray:502;stroke-dashoffset:0;stroke-linecap:round}.radial-bar .path{stroke-width:8;stroke:#0ef;fill:transparent;stroke-dasharray:502;stroke-dashoffset:502;stroke-linecap:round}.radial-bar:nth-child(1) .path{animation:animate-path1 1.5s 1s linear forwards}.radial-bar:nth-child(2) .path{animation:animate-path2 1.5s 1s linear forwards}.radial-bar:nth-child(3) .path{animation:animate-path3 1.5s 1s linear forwards}.radial-bar:nth-child(4) .path{animation:animate-path4 1.5s 1s linear forwards}.percentage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;font-weight:500;color:#0ef;animation:showText .5s 1.5s linear forwards;opacity:0}.text{width:100%;text-align:center;left:50%;bottom:-30px;transform:translate(-50%);font-size:36px;font-weight:700;animation:showText .5s 1.5s linear forwards;opacity:0;color:#fff}.text-one{position:absolute;width:100%;text-align:center;left:50%;bottom:-30px;transform:translate(-50%);font-size:16px;font-weight:500;animation:showText .5s 1.5s linear forwards;opacity:0;color:#fff}.contact{display:grid;grid-template-columns:repeat(2,1fr);align-items:center;gap:3rem;padding:80px 30px;background-color:#081b29}.contact-text h2{font-size:90px;line-height:1;text-align:center;color:#fff}.contact-text h2 span{color:#0ef}.contact-text h4{margin:15px 0;color:#fff;font-size:20px;font-weight:600}.contact-text p{color:#fff;font-size:20px;line-height:30px;margin-bottom:2rem}.contact-list{margin-bottom:3rem}.contact-list li{margin-bottom:10px;display:block;color:#fff;font-size:16px}.contact-list li i{display:inline-block;color:#0ef;font-size:20px;font-weight:600;margin-right:10px;transition:all .4s ease}.contact-list li a:hover{transform:scale(1.01) translateY(-5px);color:#0ef}.contact a{color:#fff;text-decoration:none}.contact-icons a{display:inline-flex;justify-content:center;align-items:center;width:40px;height:40px;background:transparent;border:2px solid #0ef;border-radius:50%;font-size:20px;color:#0ef;text-decoration:none;margin:30px 15px 30px 0;transition:.5s ease;opacity:0;animation:slideLeft 1s ease forwards;animation-delay:calc(.2s * var(--i))}.contact-icons a:hover{background:#0ef;color:#000;box-shadow:0 0 20px #0ef}.contact-form form input,.contact-form form textarea{border:none;outline:none;width:100%;padding:18px;background:#555557;color:#fff;font-size:1rem;font-weight:600;margin-bottom:.5rem;border-radius:.5rem}.contact-form textarea{resize:none;height:220px}.contact-form form .send{display:inline-block;width:100%;padding:14px 60px;background:#0ef;border-radius:40px;font-size:18px;color:#081b29;letter-spacing:1px;text-decoration:none;font-weight:600;opacity:0;animation:slideTop 1s ease forwards;animation-delay:2s;box-shadow:0 0 5px #0ef,0 0 25px #0ef;cursor:pointer}.contact-form form .send:hover{box-shadow:0 0 5px #0ff,0 0 25px #0ff,0 0 50px #0ff,0 0 100px #0ff,0 0 200px #0ff}.last-text p{width:100%;text-align:center;padding:10px 0;background:#07555b;color:#fff;margin:0}.top{position:fixed;bottom:2.1rem;right:2.1rem}.top i{color:#000;background:#0ef;font-size:20px;padding:5px;border-radius:.5rem}@keyframes slideLeft{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideBottom{0%{transform:translateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes showText{to{opacity:1}}@keyframes animate{to{transform:scaleX(1)}}@keyframes animate-path1{to{stroke-dashoffset:50}}@keyframes animate-path2{to{stroke-dashoffset:175}}@keyframes animate-path3{to{stroke-dashoffset:125}}@keyframes animate-path4{to{stroke-dashoffset:75}}@media (max-width: 1300px){.skills-container{flex-direction:column;align-items:center}.container1{width:600px;max-width:90%}}@media (max-width: 1024px){.contact{grid-template-columns:1fr}.contact-text h2{font-size:70px}.contact-form{margin-top:40px}}@media (max-width: 768px){.contact-text h2{font-size:50px}section{padding:0}.skills-title{font-size:40px;margin-bottom:40px}.container1{width:90%;padding:0 20px 40px}.radial-bars{gap:40px 15px}.radial-bar{width:120px;height:120px}.heading1,.heading{font-size:26px}.Technical-bars .bar .info{width:60px}.Technical-bars .bar i{font-size:30px}}@media (max-width: 576px){.radial-bars{grid-template-columns:1fr}.radial-bar{width:140px;height:140px}}@media (min-width: 480px){.profile-container{width:200px;height:200px;display:flex}.circle-animation{top:-12px;left:-12px;right:-12px;bottom:-12px}.circle-layer{border-width:2px}}@media (min-width: 768px){.profile-container{width:240px;height:240px;position:absolute;right:5%;top:50%;transform:translateY(-50%)}.circle-animation{top:-15px;left:-15px;right:-15px;bottom:-15px}}@media (min-width: 992px){.profile-container{width:280px;height:280px;right:10%}.profile-avatar{border-width:3px}.circle-layer{border-width:2.5px}}@media (hover: hover) and (min-width: 768px){.profile-container:hover .profile-avatar{transform:scale(1.05);box-shadow:0 0 30px #0efc,0 0 60px #00eeff80}.profile-container:hover .circle-animation{animation:rotate 8s linear infinite}.profile-container:hover .circle-layer{border-width:3px}}.about{display:flex;flex-direction:column;padding:70px 5% 50px;background:#081b29;min-height:auto}.about-img{width:100%;margin-bottom:40px;display:flex;justify-content:center}.about-img img{max-width:100%;height:auto;border-radius:8px;opacity:0;animation:slideLeft 1s ease forwards;animation-delay:.5s}.about-text{width:100%}.about-text h2{font-size:40px;color:#fff;margin-bottom:20px;opacity:0;animation:slideRight 1s ease forwards;animation-delay:.5s;text-align:center}.about-text h2 span{color:#0ef}.about-text h4{font-size:22px;font-weight:600;color:#fff;line-height:1.5;margin:15px 0 25px;opacity:0;animation:slideLeft 1s ease forwards;animation-delay:.7s;text-align:center}.about-text p{color:#fff;font-size:14px;line-height:1.6;margin-bottom:2rem;opacity:0;animation:slideRight 1s ease forwards;animation-delay:.9s;text-align:justify}.btn-box{display:block;width:fit-content;margin:0 auto;padding:12px 28px;background:#0ef;border-radius:40px;font-size:16px;color:#081b29;letter-spacing:1px;text-decoration:none;font-weight:600;opacity:0;animation:slideTop 1s ease forwards;animation-delay:1.1s;box-shadow:0 0 5px #0ef,0 0 25px #0ef;transition:.5s ease}.btn-box:hover{box-shadow:0 0 5px #0ff,0 0 25px #0ff,0 0 50px #0ff}@media (min-width: 768px){.about{flex-direction:row;align-items:center;gap:2rem;padding:70px 10% 50px}.about-img{width:50%;margin-bottom:0}.about-text{width:50%}.about-text h2{font-size:50px;text-align:left}.about-text h4{font-size:25px;text-align:left}.about-text p{font-size:15px}.btn-box{margin:0}}@media (min-width: 992px){.about-text h2{font-size:60px}.about-text h4{font-size:29px}.about-text p{font-size:16px}}.home{position:relative;width:100%;min-height:100vh;padding:120px 5% 50px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#081b29}.home-content{width:100%;max-width:600px;color:#fff;text-align:center;margin-bottom:40px}.home-content h3{font-size:24px;font-weight:700;margin-bottom:15px;opacity:0;animation:slideBottom 1s ease forwards;animation-delay:.7s}.home-content h1{font-size:36px;font-weight:700;margin:10px 0;line-height:1.2;opacity:0;animation:slideRight 1s ease forwards;animation-delay:1s}.home-content h3:nth-of-type(2){font-size:24px;margin-bottom:30px;opacity:0;animation:slideTop 1s ease forwards;animation-delay:.7s}.home-content h3 span{color:#0ef}.home-content p{font-size:16px;line-height:1.5;margin-bottom:30px;opacity:0;animation:slideLeft 1s ease forwards;animation-delay:1s}.home-sci{display:flex;justify-content:center;margin-bottom:30px}.home-sci a{display:inline-flex;justify-content:center;align-items:center;width:36px;height:36px;background:transparent;border:2px solid #0ef;border-radius:50%;font-size:18px;color:#0ef;text-decoration:none;margin:0 10px;transition:.5s ease;opacity:0;animation:slideLeft 1s ease forwards;animation-delay:calc(.2s * var(--i))}.home-sci a:hover{background:#0ef;color:#081b29;box-shadow:0 0 15px #0ef}.cv-container{position:relative;margin-bottom:40px;text-align:center}.btn_box{display:inline-block;padding:12px 24px;background:#0ef;border-radius:40px;font-size:16px;color:#081b29;letter-spacing:1px;text-decoration:none;font-weight:600;opacity:0;animation:slideTop 1s ease forwards;animation-delay:2s;box-shadow:0 0 5px #0ef,0 0 15px #0ef;transition:.5s ease;cursor:pointer}.btn_box:hover{box-shadow:0 0 10px #0ff,0 0 30px #0ff}.cv-options{position:absolute;top:100%;left:50%;transform:translate(-50%);width:200px;background-color:#23527c;border-radius:5px;box-shadow:0 0 10px #0000001a;padding:10px;display:none;z-index:1000}.cv-option{display:block;padding:10px;color:#fff;text-decoration:none;font-size:14px;transition:all .3s ease}.cv-option:hover{transform:scale(1.05)}.profile-container{width:180px;height:180px;margin:0 auto;position:relative}.profile-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #0ef;box-shadow:0 0 15px #00eeff80}.circle-animation{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:50%;animation:rotate 15s linear infinite;z-index:-1}.circle-layer{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;border:1.5px solid transparent}.circle-layer:nth-child(1){border-top-color:#0ef;border-right-color:#0ef}.circle-layer:nth-child(2){border-bottom-color:#7f00ff;border-left-color:#7f00ff;transform:rotate(30deg)}.circle-layer:nth-child(3){border-top-color:#f0f;border-right-color:#f0f;transform:rotate(60deg)}@media (min-width: 768px){.home{flex-direction:row;justify-content:space-between;padding:70px 10% 0}.home-content{text-align:left;margin-bottom:0}.home-content h3{font-size:28px}.home-content h1{font-size:48px}.home-content h3:nth-of-type(2){font-size:28px}.home-content p{font-size:18px}.home-sci{justify-content:flex-start}.cv-container{text-align:left}.profile-container{width:240px;height:240px;position:absolute;right:10%}}@media (min-width: 992px){.home-content h3{font-size:32px}.home-content h1{font-size:56px}.home-content h3:nth-of-type(2){font-size:32px}.profile-container{width:280px;height:280px}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header{position:fixed;top:0;left:0;width:100%;padding:1rem 5%;background:#051129;display:flex;justify-content:space-between;align-items:center;z-index:1000;height:auto}.logo{width:80px;opacity:0;animation:slideRight 1s ease forwards}.logo img{width:100%;height:auto}#menu-icon{font-size:2.5rem;color:#fff;cursor:pointer;display:block;z-index:1001;transition:all .3s ease}#menu-icon:hover{color:#0ef;transform:scale(1.1)}.navbar{position:fixed;top:0;left:-100%;width:100%;height:100vh;background:#051129f2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 0;transition:left .4s ease-in-out;z-index:1000}.navbar.active{left:0}.navbar a{font-size:2rem;color:#fff;text-decoration:none;font-weight:500;margin:1.5rem 0;padding:.5rem 1.5rem;border-radius:.5rem;transition:all .3s ease;opacity:0;animation:slideTop .5s ease forwards;animation-delay:calc(.1s * var(--i))}.navbar a:hover,.navbar a.active{color:#0ef}@media (min-width: 992px){#menu-icon{display:none}.navbar{position:static;left:auto;width:auto;height:auto;background:transparent;flex-direction:row;padding:0;transition:none}.navbar a{font-size:1rem;margin:0 0 0 2rem;animation:none;opacity:1}.navbar a:hover,.navbar a.active{color:#0ef;background:transparent;box-shadow:none}}@keyframes slideRight{0%{transform:translate(-100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideTop{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@media (min-width: 768px) and (max-width: 1024px){.home{display:flex!important;flex-direction:column-reverse;align-items:center;justify-content:center;padding:80px 20px 40px;min-height:100vh}.home-content{text-align:center;max-width:700px;margin:0 auto;padding:0 15px}.home-content h3{font-size:26px;line-height:1.3}.home-content h1{font-size:42px;line-height:1.2}.home-content p{font-size:17px;margin-bottom:25px;line-height:1.6}.profile-container{position:relative;top:auto;right:auto;transform:none;width:260px;height:260px;margin:0 auto 25px}.profile-avatar{border:3px solid #0ef;box-shadow:0 0 25px #0ef9}.home-sci{justify-content:center;margin:20px auto;gap:15px}.cv-container{text-align:center}.circle-animation{top:-10px;left:-10px;right:-10px;bottom:-10px}.about{padding:60px 5%}.contact{padding-left:5%;padding-right:5%}}