body{background-color:#0a0a14;font-family:Arial,sans-serif;color:#b0a8a8;margin:0;padding:0}p{font-size:.8em;line-height:1.5em}h1{margin:0}.head-container{width:100%;position:relative}.header{display:flex;justify-content:center;align-items:center;padding:12px 16px;background:#0a0a1e;position:fixed;top:0;z-index:999;box-shadow:0 1px 4px #5c5a5a0f;width:100%}.brand{font-weight:600}.nav,.nav-links{display:flex;gap:12px;align-items:center}.nav-links button{color:#d3d3d3;background-color:#12121e;line-height:10px;font-size:.9em;padding:15px;border-radius:30px;border:none;transition:1s ease;cursor:pointer}.nav-links button:hover{background-color:#272743}.hamburger{display:none;background:transparent;border:none;cursor:pointer;padding:8px}.hamburger .bar{display:block;width:22px;height:2px;background:#222;margin:4px 0;transition:transform .2s ease}@media(max-width:600px){.nav-links{display:none}.hamburger{display:block}.nav{margin-left:-20px}.nav-links.open{display:flex;flex-direction:column;position:absolute;top:56px;right:12px;background:#0a0a14;padding:10px;width:90%;height:fit-content;margin-top:20px;border-radius:6px;box-shadow:0 1px 4px #c9bdbd0f}.nav-links.open button{padding:10px 12px;white-space:nowrap;text-align:left;width:100%}.nav{display:flex;justify-content:center;background-color:#fff;border-radius:30px;padding:5px;width:fit-content;height:fit-content;box-sizing:border-box}.nav-links button{color:#d3d3d3;background-color:transparent;line-height:10px;font-size:.9em;padding:15px;border-radius:30px;border:none;transition:1s ease;cursor:pointer}}.profile{height:18em;width:17em;border:3px solid rgb(46,46,77);border-radius:20px;object-fit:cover}.herosec li{list-style-type:none;border:2px solid rgb(11,84,229);border-radius:30px;padding:10px 20px;font-size:.9em;width:fit-content}.herosec h1{font-size:220%}.heropara{font-size:.88em}.btn1{background-color:#2c5bba;width:8em;border:none;padding-bottom:10px;padding-top:10px;border-radius:10px;font-size:.9em;color:#fff;transition:.5s ease}.btn2{background-color:#2c5bba33;width:8em;border:none;padding-bottom:10px;padding-top:10px;border-radius:10px;font-size:.9em;color:#fff;transition:.5s ease}.hero-btn button:hover{opacity:.5}.herosec{width:35%;margin-top:20px}.hero-btn{display:flex;gap:20px}.mainhero{display:flex;justify-content:center;gap:4em}@media(max-width:950px){.mainhero{display:flex;justify-content:center;gap:3em}.herosec{width:40%;margin-top:20px}}@media(max-width:830px){.mainhero{display:flex;flex-direction:column;justify-content:center;align-items:center}.herosec{width:60%;text-align:center}.herosec li{margin-right:auto;margin-left:auto;display:block}.hero-btn{display:flex;justify-content:center}}body{margin:0}#about{margin-top:80px}.about-container{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;padding:20px}.about-main{display:flex;flex-grow:1;flex-direction:column;justify-content:baseline;padding:25px;border:1px solid gray;border-radius:20px;background:#11111e;width:60%;height:fit-content;margin:0}.about-main .about-para p{color:#d3d3d3}.about-btn{display:flex;gap:20px}.about-btn #btn1{background-color:transparent;border:1px solid lightgray;width:fit-content;padding:10px;border-radius:10px;transition:.5s ease;color:#fff}.about-btn #btn2{width:120px;color:#fff;background-color:transparent;border:none;padding:10px;width:fit-content;border-radius:10px;transition:.5s ease}.about-btn #btn1:hover,.about-btn #btn2:hover{background-color:#e3e3e366}.about-exp{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 11px;border:1px solid gray;border-radius:20px;background:#11111e;width:fit-content;height:fit-content}.abt{font-size:.8em}.stand{font-size:1.4em;font-weight:700;margin:0}.about-exp h1{font-size:1.4em}@media(max-width:569px){.about-exp{display:flex;flex-direction:row;gap:10px}}#stacks{margin-top:50px}.stack-container{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#11111e;padding:40px 30px}.stack-container p{font-size:.9em}.stack-container h1{font-size:1.4em}.stack-flex{display:flex;justify-content:center;gap:10px;width:40%;flex-wrap:wrap;margin-top:40px}.stack-flex img{height:40px;width:40px;padding:10px;border-radius:20px;background-color:#282626}@media(max-width:927px){.stack-flex{width:60%}}@media(max-width:399px){.stack-flex{width:80%}}.project-container{padding:40px}.project-flex{display:flex;justify-content:center;gap:2em}.spa-app img{height:16em;width:23em;border-radius:15px;object-fit:cover}.pro-head{font-size:1.5em;color:#fff;text-align:center;margin-bottom:2em}.spa-app{display:flex;gap:20px;border:1px solid gray;background:#11111e;padding:20px;border-radius:20px}.spa-para{width:60%}.spa-para h1{font-size:1.3em;color:#fff}.spa-para button{list-style:none;border-radius:15px;padding:10px 20px}.tech-used{display:flex;gap:10px}.tech-used p{background-color:#434858;width:fit-content;padding:5px 20px;border-radius:30px;color:#fff}@media(max-width:1198px){.spa-app img{margin-top:5px}.spa-para{margin-bottom:10px}}@media(max-width:1192px){.spa-app img{height:18em}}@media(max-width:1108px){.spa-para{width:70%}}@media(max-width:1064px){.spa-app img{margin-top:10px}}@media(max-width:962px){.spa-app{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:10px;width:50%}.spa-app img{height:15em;width:100%}.spa-para{width:100%}.tech-used{justify-content:center;flex-wrap:wrap}}@media(max-width:694px){.spa-app{width:70%}}@media(max-width:507px){.spa-app{width:100%}.project-container{padding-left:10px;padding-right:10px}}@media(max-width:346px){.tech-used{display:flex;gap:10px}.project-container{padding-left:5px;padding-right:5px}}#form{background:#11111e;display:flex;justify-content:center;gap:30px;flex-wrap:wrap;padding:40px}.form-des{width:50%}.form-des h1{font-size:1.3em;color:#fff}.social{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;align-items:center}.social-button{display:inline-flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:transparent;color:#fff;text-decoration:none;border:2px solid gray;transition:transform .12s ease,background .12s ease,box-shadow .12s ease;font-weight:600;min-width:100px;justify-content:center;box-shadow:0 1px #00000005,0 4px 12px #1018280a}.social-button .icon{font-size:18px;line-height:1}.social-button .label{display:inline-block}.social-button:hover,.social-button:focus{transform:translateY(-3px);background:#5c5a5a80;box-shadow:0 8px 24px #10182814;outline:none}.social-button:focus-visible{box-shadow:0 0 0 4px #1018280f;border-color:#1018281f}@media(max-width:420px){.social{gap:8px}.social-button{padding:8px;min-width:44px;width:44px;justify-content:center}.social-button .label{display:none}}.social-button[href*=github] .icon{color:#24292f}.social-button[href*=linkedin] .icon{color:#0a66c2}.social-button[href*=instagram] .icon{color:#c13584}.social-button[href*="wa.me"],.social-button[href*=whatsapp] .icon{color:#25d366}.social-button[href*=facebook] .icon{color:#187 7F2}TextField{color:#fff}@media(max-width:870px){.form-des{border-bottom:1px solid lightgray;padding-bottom:30px;width:100%}}footer{text-align:center;padding:30px}