*{margin:0;padding:0}:root{--card-bg: rgba(13, 148, 136, .15);--card-border: rgba(255, 255, 255, .08);--text-main: #d1fafc;--text-sub: rgba(255, 255, 255, .65);--bg-color: #0b1120}body{background-color:#0a0d14;height:100vh;position:relative;margin:0;overflow-x:hidden}.logo-container{display:flex;align-items:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;animation:popIn 2s ease-out forwards;transform:scale(.1);opacity:0;position:relative;width:100vw;height:100vh;justify-content:center}@keyframes popIn{0%{transform:scale(.5);opacity:0}20%{transform:scale(1);opacity:1}90%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}::-webkit-scrollbar{width:8px;transition:width .3s ease}::-webkit-scrollbar-thumb{background:#00bfff;border-radius:4px;transition:background .3s ease}:hover::-webkit-scrollbar{width:8px}:hover::-webkit-scrollbar-thumb{background:#00bfff}.homepage{animation:homepage 2s ease-out forwards}@keyframes homepage{0%{opacity:0}to{opacity:1}}.brace{font-family:JetBrains Mono,monospace;color:#20cfc8;font-size:75px}.name{margin-top:7px;text-align:center;color:#bfc2ca;font-size:30px;font-weight:500;line-height:1.2}.header{width:100vw;height:81px;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);display:flex;gap:20px;justify-content:space-between;align-items:center;background-color:#0a0d1499;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:fixed;top:0;z-index:100;transition:transform .3s ease-in-out}.hide-header{transform:translateY(-100%)}.logoheader{display:flex;margin-left:70px}.navigation{display:flex;align-items:center;justify-content:center;gap:40px;list-style:none;margin-right:80px}.nav-items{font-family:Poppins,sans-serif;font-size:16px;font-weight:500}.braces-header{font-family:JetBrains Mono,monospace;color:#20cfc8;font-size:33px}.nameheader{margin-top:6px;text-align:center;color:#bfc2ca;font-size:13px;font-weight:400;line-height:1.2}.nav-items:hover{color:#a6fff3}.hamburger{display:none}@media screen and (max-width: 890px){.navigation{display:none}.logoheader{margin-left:20px}.hamburger{display:block;margin-right:15px;font-size:25px}}.main-hero{max-width:1280px;min-height:602px;margin:160px auto 0;display:flex;justify-content:space-between}@media screen and (max-width: 1280px) and (min-width: 648px){.main-hero{display:flex;flex-direction:column;height:auto;margin-top:80px}.box1hero,.box2hero{margin:0 auto}}.box1hero{max-width:640px;height:544px;display:flex;flex-direction:column}.hero-hi{font-size:72px;height:160px;max-width:340px;margin-top:80px;line-height:1;font-weight:600;color:#fff;font-family:Poppins,sans-serif}.name-hero{max-width:400px;max-height:95px;font-size:68px;line-height:1;font-weight:600;font-family:Poppins,sans-serif;background:linear-gradient(to right,#00a8e8,#a6fff3);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.para-hero{max-width:470px;height:92px;font-size:18px;font-family:Poppins,sans-serif;margin:25px 0 0;color:#ffffffb3}.img-hero{max-width:600px;position:relative;display:flex;justify-content:center;align-items:center;transform:translateY(-20%)}.box2hero{max-width:540px;height:540px;overflow:hidden;border-radius:50%}.hero{display:flex}.outer-circle{width:136px;height:136px;border-radius:50%;background:linear-gradient(to right,#00a8e8,#a6fff3);margin-top:89px;margin-left:140px;padding:3px}.connect-hero{width:136px;height:136px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#0a0d13}.gradient-text{font-size:18px;font-family:Poppins,sans-serif;text-align:center;line-height:1.3;background:linear-gradient(to right,#00a8e8,#a6fff3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;display:inline-block;margin-left:24px}.text-effect{font-size:18px;font-family:Poppins,sans-serif;text-align:center;line-height:1.3;background:linear-gradient(to right,#00a8e8,#a6fff3);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.arrow-hero{filter:invert();position:relative;top:-11px;right:30px}.margin-right{margin-right:20px}@media screen and (max-width: 648px) and (min-width: 390px){.main-hero{display:flex;margin-top:100px;flex-direction:column;height:auto;gap:20px;min-height:800px}.box1hero{margin:0 auto;padding:0 20px;height:400px;gap:20px}.para-hero{height:160px}.box2hero{margin:0 auto;max-width:350px;max-height:350px}.outer-circle{display:none}.img-hero{max-width:350px}.name-hero{font-size:52px;margin-top:20px}.hero-hi{height:104px;font-size:52px;margin-top:20px}}.skills{max-width:1280px;margin:0 auto;display:flex;flex-direction:column}.h1-skills{font-family:Poppins,sans-serif;font-size:55px;height:80px;display:flex;align-items:center;line-height:1;font-weight:600;color:#fff}.skills-wrapper{max-width:1300px;margin:100px auto 0;display:flex;gap:40px;position:relative}@media screen and (max-width: 1280px) and (min-width: 528px){.skills-wrapper{flex-direction:column}.h1-skills{display:flex;justify-content:center;align-items:center;margin-top:60px}}@media screen and (max-width: 528px){.skills-wrapper{flex-direction:column}.h1-skills{display:flex;justify-content:center;align-items:center;font-size:52px;margin-top:70px;margin-left:20px}}.skills-wrapper:before{content:"";position:absolute;top:-10%;right:100%;width:300px;height:200px;background:#00bfff;filter:blur(200px);opacity:.4;z-index:-1}.cards{max-width:420px;height:439px;background-color:#0a0d13;border-radius:16px;border:1px solid #374151;transition:border-color .3s ease}@media screen and (min-width: 1280px){.cards{width:420px}}.cards:hover{border-color:transparent}.card-heading{font-size:22px;font-weight:500;line-height:1;font-family:Poppins,sans-serif;color:#fff;text-align:center;margin-top:24px}.main-skill{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:10px;width:360px;height:360px;margin:20px auto 0}.skill{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.skill-logo{width:64px;height:64px;border-radius:50%;background-color:#1e293bb3;display:flex;align-items:center;justify-content:center}.skill-text{font-size:14px;font-family:Poppins,sans-serif;font-weight:700;color:#cbd5e1}.icon-skill{height:32px;width:32px}.reactjs{color:#61dafb}.javascript{color:#f7df1e}.html{color:#e34f26}.css{color:#1572b6}.bootstrap{color:#7952b3}.nodejs{color:#3c873a}.git{color:#f05032}.mongodb{color:#47a248}.figma{color:#f24e1e}.github,.vercel{color:#fff}.skillimg{width:32px;height:32px}.python{color:#3776ab}.img-tailwind{filter:invert(61%) sepia(88%) saturate(388%) hue-rotate(160deg) brightness(99%) contrast(94%)}.img-restapi{filter:invert(56%) sepia(89%) saturate(453%) hue-rotate(110deg) brightness(90%) contrast(91%)}.img-socketio{filter:invert(43%) sepia(95%) saturate(331%) hue-rotate(175deg) brightness(95%) contrast(90%)}.img-express{filter:invert(17%) sepia(0%) saturate(0%) hue-rotate(173deg) brightness(95%) contrast(90%)}.img-netlify{filter:invert(54%) sepia(56%) saturate(724%) hue-rotate(136deg) brightness(93%) contrast(88%)}.img-emailjs{filter:invert(46%) sepia(94%) saturate(1446%) hue-rotate(202deg) brightness(102%) contrast(103%)}.educationWrapper{max-width:1280px;color:#fff;margin:100px auto 0;position:relative}.edu-heading{font-family:Poppins,sans-serif;font-size:55px;height:80px;display:flex;align-items:center;line-height:1;font-weight:600;color:#fff}.main-clg{max-width:650px;height:220px;padding:24px 0 0 24px;display:flex;gap:20px;margin-left:100px;border-radius:20px}.main-clg:hover{background:linear-gradient(144.39deg,#fff -278.56%,#6d6d6d -78.47%,#11101d 91.61%)}.main-education{display:flex;margin-top:80px}.imgclg{width:52px;height:52px}.img-clg-education{width:90px;height:80px;border-radius:50%;background-color:#1e293bb3;display:flex;align-items:center;justify-content:center}.img-school{width:80px;height:80px;border-radius:50%;background-color:#1e293bb3;display:flex;align-items:center;justify-content:center}.mainclg{display:flex;flex-direction:column;gap:4px}.clgName{font-size:20px;font-family:Poppins,sans-serif;background:linear-gradient(to right,#00a8e8,#a6fff3);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.degree{font-size:16px;font-family:Poppins,sans-serif;color:#fff}.fromto{font-size:14px;font-family:Poppins,sans-serif;color:#ffffffb3;margin-top:4px}.branch{font-size:16px;font-family:Poppins,sans-serif;color:#ffffffb3;margin-top:4px}.svgdiv{max-width:700px;height:600px;display:flex;justify-content:center;align-items:center}.clgwrapper{display:flex;gap:20px;flex-direction:column}@media screen and (max-width: 1280px) and (min-width: 700px){.edu-heading{display:flex;justify-content:center}.main-education{display:flex;justify-content:center;align-items:center;flex-direction:column-reverse;height:800px}}@media screen and (max-width: 700px){.edu-heading{display:flex;justify-content:center;margin-right:65px}.main-education{display:flex;justify-content:center;align-items:center;flex-direction:column-reverse;width:90vw;margin:0 auto;height:940px}.responsive-help{margin-left:3px}.img-clg-education,.img-school{background-color:transparent}.educationWrapper{width:90vw;overflow:hidden;margin-top:60px}.svgdiv{width:90vw;max-height:500px}.clgwrapper{margin:50px auto 0;width:90vw;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px}.main-clg{width:90vw;padding:0rem;margin:0}}@media screen and (max-width: 398px){.main-clg{height:250px;padding:10px 0 0}}.projects-wrapper{max-width:1100px;height:1260px;display:grid;margin:0 auto;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:40px;padding:100px 0}.card-project{border-radius:12px;max-width:480px}.heading-project{font-family:Poppins,sans-serif;font-size:55px;height:80px;display:flex;align-items:center;line-height:1;font-weight:600;color:#fff}.projectsWrapper{max-width:1280px;margin:0 auto;position:relative}.projectsWrapper:before{content:"";position:absolute;top:40%;right:40%;width:300px;height:200px;background:#00bfff;filter:blur(200px);opacity:.4;z-index:-1}.img-project{height:240px;width:100%;border-top-left-radius:12px;border-top-right-radius:12px}.sub-project{height:265px}.project-heading{font-size:30px;font-family:Poppins,sans-serif;background:linear-gradient(to right,#00a8e8,#a6fff3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:start;margin-top:10px;padding:10px 13px}.desc-project{font-size:16px;font-family:Poppins,sans-serif;color:#d1d5db;padding:10px 13px}.startend{display:flex;gap:20px;margin-top:20px}.stproject{font-size:12px;font-family:Poppins,sans-serif;color:#ffffffb3;padding:10px 13px;position:relative;display:flex;gap:8px}.status-wrapper{display:flex;justify-content:center;align-items:center}.status{font-size:12px;font-family:Poppins,sans-serif;color:#ffffffb3;padding:10px 13px;display:flex;align-items:center;justify-content:center;gap:8px}.project-update{font-size:12px;font-family:Poppins,sans-serif;color:#f0fdf4;height:20px;width:74px;background-color:#22c55e;display:flex;padding:2px 6px;align-items:center;justify-content:center;border-radius:3px}.under{font-size:12px;font-family:Poppins,sans-serif;color:#f0fdf4;height:20px;width:74px;display:flex;padding:2px 6px;align-items:center;justify-content:center;border-radius:3px;background-color:#eab308}.undericon{color:#eab308}.stack{width:80%;display:flex;align-content:center;justify-content:space-around;padding:10px 13px;height:40px}.techstack{font-size:12px;height:20px;font-family:Poppins,sans-serif;display:flex;justify-content:center;background-color:#374151;align-items:center;color:#d1d5db;padding:0 6px;border-radius:20px}.lastproject{border-top:1px solid #1e1f26;display:flex;align-items:center;gap:20px;padding:20px 13px 0}.viewproject{width:188px;height:36px;font-size:14px;font-family:Poppins,sans-serif;color:#d1d5db;background-color:#374151;display:flex;align-items:center;border-radius:10px;text-align:start;padding:0 0 0 10px;gap:10px}.livedemo{width:188px;height:36px;font-size:14px;font-family:Poppins,sans-serif;color:#d1d5db;background-color:#374151;border-radius:10px;text-align:start;padding:0 0 0 10px;display:flex;align-items:center;gap:10px}.card-project:hover{background:linear-gradient(144.39deg,#fff -278.56%,#6d6d6d -78.47%,#11101d 91.61%)}.logocalender{color:#00bfff;position:relative;top:1px}.completed{color:#22c55e}@media screen and (max-width: 1280px) and (min-width: 700px){.projects-wrapper{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(4,1fr);height:2600px}.card-project{margin:0 auto;border-radius:12px}.heading-project{display:flex;justify-content:center;margin-top:60px}}@media screen and (max-width: 700px){.projects-wrapper{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(4,1fr);height:2700px;gap:40px}.card-project{margin:0 auto;border-radius:12px}.heading-project{display:flex;justify-content:start;margin-left:25px}.card-project{border-radius:12px;max-width:380px}.stack{width:90%}}.extraccWrapper{max-width:1280px;margin:0 auto;position:relative}.headingextracc{font-family:Poppins,sans-serif;font-size:55px;height:80px;display:flex;align-items:center;line-height:1;font-weight:600;color:#fff}.main-flex{max-width:1280px;margin-top:100px}.chess-heading{font-size:18px;font-family:Poppins,sans-serif;font-weight:500;text-align:center;width:50%;background:linear-gradient(to right,#00a8e8,#a6fff3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 auto}.mainchess{max-width:1200px;display:flex;justify-content:center;align-items:center;margin:0 auto;flex-direction:column}.img-chess{max-width:1000px;margin:0 auto}.all-ratings{width:1200px;height:800px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:40px;padding:80px 100px}.rating{height:354px;border:1px solid #374151;border-radius:15px}.format{width:100px;border-radius:50%;height:96px}.format-rating{max-width:510px;height:96px;margin:30px auto 0;display:flex;align-items:center;gap:30px}.ratng{display:flex;flex-direction:column;width:200px;height:96px}.rating-heading{font-size:24px;font-family:Poppins,sans-serif;background:linear-gradient(to right,#00a8e8,#a6fff3);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.rating:hover{background:linear-gradient(144.39deg,#fff -278.56%,#6d6d6d -78.47%,#11101d 91.61%)}.elo{font-size:16px;font-family:Poppins,sans-serif;color:#ffffffb3;margin:10px 0}.feeling{font-size:16px;font-family:Poppins,sans-serif;color:#d1d5db;width:478px;height:96px;margin:30px auto 0}.footerrating{display:flex;align-items:center;width:478px;height:40px;margin:30px auto 0;gap:20px}.bestwin{width:188px;height:36px;font-size:14px;font-family:Poppins,sans-serif;color:#d1d5db;background-color:#374151;border-radius:10px;text-align:start;padding:0 0 0 10px;display:flex;align-items:center;gap:10px}.bestgame{width:150px;height:36px;font-size:14px;font-family:Poppins,sans-serif;color:#d1d5db;background-color:#374151;border-radius:10px;text-align:start;padding:0 0 0 10px;display:flex;align-items:center;gap:10px}.iconrating{color:#00bfff}@media screen and (max-width: 1280px) and (min-width: 720px){.all-ratings{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(4,1fr);height:1500px;max-width:80vw;overflow:hidden}.rating{width:600px;margin:0 auto}.headingextracc{display:flex;justify-content:center}.extraccWrapper{overflow-x:hidden}}.rtng{height:360px}.ftrr{height:60px}.extraccWrapper:before{content:"";position:absolute;right:100%;top:60%;width:400px;height:200px;background:#00bfff;filter:blur(200px);opacity:.4;z-index:-1}@media screen and (max-width: 720px){.all-ratings{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(4,1fr);height:1700px;max-width:80vw;overflow:hidden}.chess-heading{width:80vw}.rating{width:80vw;margin:0 auto;height:380px}.headingextracc{display:flex;justify-content:center}.extraccWrapper{overflow-x:hidden}.feeling{width:70vw;height:auto}.footerrating{width:80vw;display:flex;justify-content:center;align-items:center}.format-rating{width:80vw;justify-content:start;margin:20px auto 0 30px;align-items:center;gap:20px}}@media screen and (max-width: 600px){.rating{width:80vw;margin:0 auto;height:400px}.chess-heading{width:80vw}}@media screen and (max-width: 480px){.rating{width:80vw;margin:0 auto;height:420px}.all-ratings{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(4,1fr);height:1780px;max-width:80vw;overflow:hidden}.bestwin{width:150px;padding:10px 0}.bestgame{width:140px;padding:8px}}@media screen and (max-width: 440px){.format{width:70px;height:70px}.format-rating{display:flex;align-items:center;justify-content:center}.rating-heading{font-size:20px;margin-top:10px}.elo{font-size:14px}.headingextracc{margin:10px 0 0 20px;font-size:52px}.footerrating{flex-direction:column;margin:auto 0}.rating{height:450px;display:flex;flex-direction:column;justify-content:center;align-items:center}.feeling{height:auto}.all-ratings{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(4,1fr);height:1900px;max-width:80vw;overflow:hidden}.bestwin{width:200px;padding:10px 7px}.bestgame{width:200px}.format-rating{margin-left:10px}}@media screen and (max-width: 380px){.rating{height:480px}.all-ratings{height:1980px}}.contactWrapper:before{content:"";position:absolute;right:100%;top:60%;width:400px;height:200px;background:#00bfff;filter:blur(200px);opacity:.4;z-index:-1}.contactWrapper{max-width:1280px;min-height:850px;margin:0 auto;position:relative}.contacthead{font-family:Poppins,sans-serif;font-size:55px;height:80px;display:flex;align-items:center;line-height:1;font-weight:600;color:#fff}.main-wrapper{display:flex;justify-content:center;align-items:center;gap:40px;margin-top:80px}.leftcon{width:496px;height:460px;display:flex;flex-direction:column;gap:20px}.info{width:496px;height:338px;border:1px solid #374151;border-radius:15px;display:flex;flex-direction:column;gap:20px}.resp{height:86px;width:496px}.rightcon{height:444px;border:1px solid #374151;border-radius:15px;width:496px;margin-bottom:16px}.infohead{font-size:20px;font-family:Poppins,sans-serif;font-weight:800;background:linear-gradient(to right,#00a8e8,#a6fff3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;height:28px;padding:2px 20px;margin-top:20px}.iconcontact{color:#00a8e8;font-size:20px}.firstc{width:420px;height:60px;padding:0 20px;display:flex;gap:15px;margin:0 auto;align-items:center;background-color:#374151;border-radius:10px}.parentc{width:35px;height:35px;display:flex;align-items:center;justify-content:center;background-color:#0a0d13;border-radius:10px}.email{font-size:14px;font-family:Poppins,sans-serif;color:#fafbfc}.cc{font-weight:400}.socials{font-size:18px;font-family:Poppins,sans-serif;font-weight:800;background:linear-gradient(to right,#00a8e8,#a6fff3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;height:28px;padding:0 20px}.socialss{display:flex}.white{color:#fff;font-size:30px;margin-left:20px}.resphead{font-size:16px;font-family:Poppins,sans-serif;background:linear-gradient(to right,#00a8e8,#a6fff3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding:20px 20px 5px}.resppara{font-size:14px;font-family:Poppins,sans-serif;color:#ffffffb3;font-weight:500;padding:0 20px}.resp{border:1px solid #374151;border-radius:15px}.main-top{display:flex;gap:10px;width:410px;height:80px;margin:30px auto 0}.namecon{font-size:14px;font-family:Poppins,sans-serif;color:#fff;font-weight:500}.input-con{width:160px;height:35px;border-bottom-right-radius:10px;border-top-right-radius:10px;padding:0 0 0 10px;margin-top:5px;border:none;font-size:15px;color:#cbd5e1;background-color:#374151}.input-con::placeholder{color:#cbd5e1}.spec{display:flex;justify-content:center;align-items:center}.icon-con{background-color:#374151;font-size:20px;height:35px;margin-top:5px;padding:0 0 0 10px;border-top-left-radius:10px;border-bottom-left-radius:10px}.center-con{display:flex;flex-direction:column;width:410px;height:70px;margin:0 auto}.spca{width:410px}.sub-con{width:410px;height:130px;margin:5px auto 0}.ehea{min-height:110px;background-color:#374151;border-top-left-radius:10px;margin-top:5px;border-bottom-left-radius:10px}.textarea-con{background-color:#374151;height:100px;width:380px;padding:10px 10px 0 20px;margin-top:5px;font-size:15px;border-top-right-radius:10px;border-bottom-right-radius:10px;border:none}.textarea-con::placeholder{color:#cbd5e1}.sendm{width:410px;height:48px;margin:25px auto 0;display:flex;justify-content:center;align-items:center}.butt{width:410px;height:48px;border-radius:10px;font-size:16px;font-family:Poppins,sans-serif;border:none;display:flex;align-items:center;justify-content:center;gap:10px;background-color:#00a8e8;color:#fff}.coloa{color:#00a8e8}.coloas{color:#fff}.footer-con{width:410px;height:30px;margin:10px auto 0;color:#cbd5e1;font-weight:500;font-size:14px;font-family:Poppins,sans-serif;text-align:start}.dsadasd{margin-top:80px}.message-input{display:none}@media screen and (max-width: 1100px){.main-wrapper{flex-direction:column}.contacthead{display:flex;justify-content:center;align-items:center;margin-top:40px}.rightcon{margin-bottom:30px}.message-input{display:none}}@media screen and (max-width: 520px){.leftcon{width:85vw;margin:0 auto}.info{width:100%}.resp{width:80vw}.firstc{width:80%}.response{width:20vw}.respone{margin-left:45px}.resppara{font-size:12px}.resp{width:100%;height:100px}.rightcon{width:85vw;overflow:hidden;height:550px;display:flex;flex-direction:column;justify-content:center;align-items:center}.main-top{display:flex;justify-content:center;flex-direction:column;align-items:center;height:140px;margin:0 40px 0 auto;width:70vw}.input-con{width:58vw;margin:0 20px 0 auto}.namecon{text-align:start;margin-left:50px}.respone{margin:0 auto 0 50px}.center-con{display:flex;justify-content:center;flex-direction:column;align-items:center;margin:0 40px 0 auto;width:70vw}.subj{margin:0 auto 0 50px}.subjce{text-align:start;margin:0 auto;width:62vw}.sub-con{display:flex;justify-content:center;flex-direction:column;align-items:center;overflow:hidden;margin:0 40px 0 auto;width:70vw;height:140px;border-radius:15px;position:relative;left:15px}.textarea-con{width:53vw;border-top-right-radius:10px}.blue{color:#00a8e8}.message{width:60vw;text-align:start;margin:0 20px 0 0}.message-input{width:59vw;height:110px;background-color:#374151;margin-top:5px;border:none;display:flex;justify-content:center}.ehea{margin-left:20px}.mess{width:60vw;text-align:start;margin-right:80px}.textarea-con{display:none}.message-input::placeholder{font-size:15px;color:#cbd5e1;background-color:#374151;transform:translateY(-33px)}.butt{width:68vw;margin:0;margin-left:2vw}.sendm{width:100%;display:flex;justify-content:center;align-items:center;margin:0 auto;height:80px}.footer-con{width:60vw}}@media screen and (max-width: 439px){.butt{width:68vw;margin-left:0}}.footerWrapper{width:100vw;height:200px;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#0c1220;margin:0 auto}.firstf{height:70%;max-width:1280px;margin:0 auto;display:flex;justify-content:space-around;align-items:center}.secondf{height:30%;max-width:1280px;margin:0 auto;font-size:14px;font-family:Poppins,sans-serif;color:#ffffffb3;text-align:center;display:flex;justify-content:center;align-items:center}.firstfirst{width:50%;height:100%;display:flex;justify-content:center;align-items:start;flex-direction:column;gap:10px}.firstsecond{width:50%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:end;gap:10px}.footername{display:flex}.footerpa{font-size:14px;width:450px;margin-left:3px;font-family:Poppins,sans-serif;color:#ffffffb3}.footercon{font-size:16px;font-weight:500;font-family:Poppins,sans-serif;background:linear-gradient(to right,#00a8e8,#a6fff3);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.footericons{display:flex}@media screen and (max-width: 700px){.firstf{display:flex;flex-direction:column}.firstfirst{margin:20px auto 0;align-items:center}.firstsecond{margin:0 auto;align-items:center}.footerWrapper{height:300px}.footerpa{width:70vw}}@media screen and (min-width: 1000px){.firstf{display:flex;gap:30vw}}input:focus{outline:none;box-shadow:none;border:none}textarea:focus{outline:none;box-shadow:none;border:none;color:#fff}.custom-spinner{width:50px;position:absolute;height:50px;border:5px solid #00a8e8;border-top:5px solid #e0f7ff;border-radius:50%;z-index:100;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media screen and (max-width: 1100px){.custom-spinner{top:76%}}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #374151 inset;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s}.liham{display:flex;flex-direction:column;gap:17px;justify-content:center;height:264px;width:144px;padding:10px 20px}.listitemsham{font-size:15px;font-family:Poppins,sans-serif;font-weight:500;list-style:none}.ham{width:192px;height:312px;background:linear-gradient(144.39deg,#fff -278.56%,#6d6d6d -78.47%,#11101d 91.61%);position:absolute;top:100%;right:3%;border-radius:15px;display:flex;justify-content:center;align-items:center}.ham{transition:all .3s ease;-webkit-animation:slide-top .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-top .5s cubic-bezier(.25,.46,.45,.94) both}.hide{display:none}@-webkit-keyframes slide-top{0%{-webkit-transform:translateY(100px);transform:translateY(100px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-top{0%{-webkit-transform:translateY(100px);transform:translateY(100px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.logoheader,.nav-items,.connect-hero,.skill-logo,.imgclg,.viewproject{cursor:pointer}.viewproject:hover{color:#00a8e8}.livedemo{cursor:pointer}.livedemo:hover{color:#00a8e8}.img-project,.format,.bestwin{cursor:pointer}.bestwin:hover{color:#00a8e8}.bestgame{cursor:pointer}.bestgame:hover{color:#00a8e8}svg{cursor:pointer}.butt,.footername,.firstc,.img-hero,.project-update,.techstack,.clgName,.main-clg{cursor:pointer}.white:hover{color:#00a8e8}@media screen and (max-width: 390px){.main-hero{display:flex;margin-top:80px;flex-direction:column;height:auto;gap:20px;min-height:800px}.box1hero{margin:0 auto;padding:0 20px;height:400px;gap:20px}.para-hero{height:160px}.box2hero{margin:0 auto;max-width:300px;max-height:300px}.outer-circle{display:none}.img-hero{max-width:300px}.name-hero{font-size:52px;margin-top:20px}.hero-hi{font-size:52px;margin-top:20px;height:104px}.card-project{width:90vw;margin:0 auto}.cards{width:90vw}.main-skill{gap:5px;width:90vw}.projectsWrapper{height:3000px}.skill-logo{width:50px;height:50px}.edu-heading{margin-left:50px}.skill-text{font-size:12px}.project-heading{font-size:24px}.techstack{font-size:10px}.branch{font-size:15px}.fromto{font-size:12px}.degree{font-size:14px}}