*{margin:0;padding:0;-webkit-user-select:none;user-select:none;scroll-snap-type:none;font-family:Inter,"ui-sans-serif","system-ui"}:root{--primary: #0890c5}header{display:flex;justify-content:space-between;max-width:100%;position:sticky;top:0;z-index:500;padding:5px;box-shadow:0 3px 10px #031724;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#23232380}header button{background-color:transparent;border:none;color:var(--primary);font-size:clamp(.8rem,2vw,1.1rem);margin-right:2.5rem;margin-top:1px;cursor:pointer;color:#087ecd}.email,.whatsapp{display:flex;font-size:clamp(.8rem,2vw,1.1rem);color:var(--primary)}header a{font-family:serif;text-decoration:none;font-size:clamp(.8rem,2vw,1.1rem);color:var(--primary);margin:0 5px}.sec-container{min-height:700px;height:100vh;max-height:1000px}.bg-video{position:relative;top:-32px;left:0;width:100%;height:100%;object-fit:cover;z-index:-2}.container{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;top:-75%;left:0}.admin-logo{max-width:200px;border-radius:50%;position:relative;z-index:1}.img-back{width:210px;height:210px;border-radius:50%;position:absolute;top:27%;left:50%;translate:-50% -50%;animation:circle 3s ease-out infinite;background:conic-gradient(#22d9e7,#0283da,#20dae7)}@keyframes circle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.heading{color:#fff;font-size:clamp(1rem,2.5vw,1.5rem);text-shadow:0 2px 15px #031724;text-align:center}.name{font-weight:600}.heading small{color:#e7e5e5d8;font-size:clamp(.8rem,2vw,1.1rem);text-shadow:0 2px 3px #000f13}@keyframes text{0%{color:#02395d}50%{color:#35adb6}to{color:#0283da}}.marquee-container{max-width:200px;overflow:hidden}.marquee{animation:marquee 3s linear infinite}.marquee img{max-width:30px;margin:10px 15px}#bs{max-width:35px}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}.link-div{width:95%;background:#012f4e;margin:0 auto;position:fixed;top:94%;z-index:500;padding:10px}.icons{display:flex;align-items:center;justify-content:space-evenly;gap:20px}.icons a{color:var(--primary);font-size:1.2rem}.icons i:active{color:#20dae7}.icon-text{display:flex;align-items:center;justify-content:space-evenly;animation:text 5s linear infinite}.fa-address-book{margin-right:-8px}.fa-brain{margin-right:-1px}.fa-gears{margin-left:-12px}.fa-circle-info{margin-right:12px}.fa-house{margin-left:-12px}.about-container{display:flex;align-items:center;justify-content:center;position:relative;margin-top:-50px;height:100vh;background-color:#02171c;color:#40d3f0}.about_img{flex:1 1 800px;max-width:300px}@keyframes pic-ud{0%{margin:0}25%{margin:30px 0 0}50%{margin:0 0 -5px}75%{margin:30px 0 0}to{margin:0 0 -5px}}.about_img img{width:100%;filter:drop-shadow(1px -3px 4px #124553f5);animation:pic-ud 4s linear infinite}.img-text{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap}.about_text{max-width:700px;margin:0 25px;padding:5px;box-sizing:border-box}.project_heading{font-size:2.5rem;text-align:center;margin:1rem 0}.project_para{text-align:center;margin:1rem 0}.github-img{max-width:70px;margin:0 auto}.github-img img{width:100%}.p-heading{margin:0 auto;max-width:200px;text-align:center}.cards{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap}.card{max-width:400px;border:none;padding:12px;margin:0 10px;box-sizing:border-box;cursor:pointer}.card-i_t{margin:0 auto;max-width:480px;padding:4px}.card-i_t img{width:100%;opacity:.5;transition:all .5s linear}.card-text{padding:4px;opacity:0;visibility:hidden;transition:all 1s linear}.card-text h3{margin:8px 0}.card a{display:flex;align-items:center;justify-content:center;gap:10px;float:left;margin:1rem 2px;padding:12px 0;width:48%;color:#fff;text-decoration:none;background:linear-gradient(90deg,#0d3b69,#01324f);border-radius:.3rem;box-sizing:border-box;transition:all 1s ease-in}.card a:hover{background:linear-gradient(90deg,#2772bc 20%,#02476c)}.card:hover .card-text{opacity:1;visibility:visible;border-bottom:#0283da}.card-i_t img:hover{opacity:1;border-radius:4px;box-shadow:0 3px 15px #000}.card:hover{border-radius:5px}.card-2{height:500px}#img-2{max-width:100%;width:500px;height:275px}.skill-container{background-color:#171717;padding-bottom:2.5rem}.skill-container h1{color:#fff;text-align:center;transform:translateY(30px)}.skills-group{display:flex;justify-content:space-around;gap:8px;flex-wrap:wrap}.skillbase{margin-top:40px;padding:10px;max-width:400px;background-color:#171717;box-shadow:5px 5px 5px #101010ee,-2px -2px 15px #202020;border-radius:10px;box-sizing:border-box;transition:all .3s linear}.skillbase:hover{box-shadow:5px 5px 5px #101010ee inset,-5px -5px 15px #101010ee inset}.img-logo{float:left;max-width:60px;padding:4px}.img-logo img{width:100%;border:1px solid #fab400;border-radius:50%;background-color:#fab400;margin-top:15px;padding:4px;box-sizing:border-box}.skill-text h4{color:#fc0}.skill-text p{color:#c6c6c6f5}.small-logo-container{display:flex;align-items:center;justify-content:space-evenly;flex-wrap:wrap;gap:10px;margin:50px}.item{width:110px;height:90px;padding:20px;background-color:#171717;box-shadow:1px 5px 14px #0b0b0bee;border-radius:8px}.img{max-width:40px;margin:0 auto}.img-1{max-width:40px}.img img{width:90%}.img-3 img{width:43px}.img-4 img,.img-5 img,.img-6 img{width:45px}.img-7 img{width:100px;padding:0;margin-left:-32px}#item-7 p{margin-top:40px}.item p{color:#fff;text-align:center;margin-top:25px}.contact-container{background-color:#fc0;background:linear-gradient(to right,#ffd746,#f0c001);padding-bottom:3rem}.data{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;overflow-x:hidden;padding-top:2rem}.contact-img{max-width:500px;flex:1 1 400px}.contact-img img{width:100%}.contact-mail{width:clamp(17rem,45vw,25rem);padding:clamp(1.5rem,2vw,2rem);border-radius:12px;background-color:#ffffff1a;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:-1px -5px 15px #fc0 inset;border-top:5px solid #ffffff92}.contact-mail input,textarea{padding:12px;margin:6px;width:90%;border:none;outline:none;color:#fff;font-size:17px;border-radius:8px;background-color:#ffe37588;box-shadow:0 5px 1px #00000065}.contact-mail input::placeholder{color:#ffffffcb}.contact-mail textarea::placeholder{color:#ffffffcb}#textarea{height:130px;resize:none;box-shadow:0 5px 1px #00000065}#submit{margin-top:25px;margin-left:18px;border-radius:20px;background-color:#fabf1b;box-shadow:0 5px 1px #0007}#submit:hover{cursor:pointer;box-shadow:0 4px 1px #37363677}.progres_main_div{color:#fff;margin-top:5rem;max-width:60rem;margin-left:auto;margin-right:auto;padding:0 1rem}.progress-container{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:1rem}.tech-name{font-weight:600;font-size:1.2rem;min-width:8rem}.progress-bar-wrapper{flex:1;background-color:#4e4939;border-radius:8px;overflow:hidden;position:relative}.progress-bar-wrapper:hover{scale:1.1;transform:translate(-22px);transition:transform .2s ease}.progress{background:linear-gradient(90deg,#ffd323,#ffefad);box-shadow:0 0 20px #ffd11a;height:1.5rem;border-radius:8px 0 0 8px;position:relative;transition:width 1s ease}.progress:after{content:attr(data-value);position:absolute;right:6px;top:50%;transform:translateY(-50%);color:#000;font-weight:700;font-size:.9rem}.puff-in-center{animation:puff-in-center .7s cubic-bezier(.95,.05,.795,.035) both}@keyframes puff-in-center{0%{transform:scale(2.5);filter:blur(4px);opacity:0}50%{filter:blur(7px);opacity:.5}to{transform:scale(1);filter:blur(0px);opacity:1}}.focus-in-contract-bck{animation:focus-in-contract-bck .8s cubic-bezier(.95,.05,.795,.035) both}@keyframes focus-in-contract-bck{0%{letter-spacing:1em;transform:translateZ(300px);filter:blur(8px);opacity:0}50%{letter-spacing:.5em;transform:translateZ(150px);filter:blur(13px);opacity:.3}to{transform:translateZ(12px);filter:blur(0);opacity:1}}.tech-react{color:#61dbfb;border:2px solid #61DBFB;background:#61dbfb1a}.tech-node{color:#3c873a;border:2px solid #3C873A;background:#3c873a1a}.tech-mongodb{color:#4db33d;border:2px solid #4DB33D;background:#4db33d1a}.tech-express{color:#555;border:2px solid #555;background:#5555551a}.tech-tailwind{color:#38bdf8;border:2px solid #38BDF8;background:#38bdf81a}.tech-nextjs{color:#000000cf;border:2px solid #000000c7;background:#0000000d}.tech-stack{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.tech-item{display:flex;align-items:center;gap:4px;font-size:12px;padding:3px 10px 4px;border-radius:25px;font-weight:500}footer{background-color:#02171c;color:#40d3f0;padding:30px 0;text-align:center}.footer-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px}.footer-left{flex:1}.footer-center{flex:2}.footer-right{flex:1}.footer-left p,.footer-right p{font-size:14px;margin:0}.social-icons{display:flex;justify-content:center;gap:15px}.social-icon{font-size:20px;color:var(--primary);transition:color .3s}.social-icon:hover{color:#20dae7}.footer-right a{color:#40d3f0;text-decoration:none;font-size:16px;transition:color .3s}.footer-right a:hover{color:#0283da}*{margin:0;padding:0}