*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}:root{--bg-color: whiteSmoke;--text-color: #000000;--headerbg-color:rgb(255, 255, 255);--footerbg-color:#0a0b0f;--footerText-color:white;--hoverNav-color:rgb(147, 160, 241);--menuColor:#14064f;--achievelist-color:rgb(29, 29, 225);--achieve-color:#14064f;--skillsHead-color:blueviolet;--contactHead-color:rgb(29, 29, 225);--portfolioNav-color:rgb(219, 235, 244);--videocolor:rgb(231, 229, 237)}[data-theme=dark]{--bg-color: #14064f;--text-color: #ffffff;--headerbg-color:#0f172a;--footerbg-color:#0f172a;--footerText-color:white;--hoverNav-color:#172554;--menuColor:#fff;--achievelist-color:rgb(36, 33, 86);--achieve-color:rgb(68, 2, 68);--skillsHead-color:rgb(35, 35, 82);--contactHead-color:rgb(4, 4, 109);--portfolioNav-color:blueviolet;--videocolor:rgb(22, 22, 110)}body{background-color:var(--bg-color);color:var(--text-color);transition:background-color .4s ease,color .4s ease}html{scroll-behavior:smooth}.App{background-color:var(--bg-color);width:100%;height:100%;color:var(--text-color)}header{position:sticky;top:0;background-color:var(--headerbg-color);z-index:2}nav{display:flex;justify-content:space-between;align-items:center;padding:3px}nav ul{display:flex;margin-right:1rem}nav ul li{list-style:none;padding-right:2rem}nav ul li a{display:block;text-decoration:none;padding:.5rem;margin:0 .5rem;border-radius:.5rem;color:var(--text-color)}.active{background-color:#1d4ed8}nav ul li a:not(.active):hover{background-color:var(--hoverNav-color)}nav .menu{display:none;position:absolute;top:.75rem;right:.5rem;flex-direction:column;justify-content:space-between;width:2.25rem;height:2rem}nav .menu span{height:.4rem;width:100%;background-color:var(--menuColor);border-radius:.2rem}.achieve{display:flex}.achievement{background-color:var(--achieve-color);width:20rem;font-size:1rem;font-weight:bolder;display:flex;align-items:center;justify-content:center;padding:3px;font-style:italic;color:#fff}.achieve-list{display:flex;align-items:center;padding:3px;font-size:15px;background-color:var(--achievelist-color);color:#e1f6f7;font-style:italic}section{display:flex;align-items:center;justify-content:center;padding:20px}@media (max-width: 722px){nav .menu{display:flex}nav{flex-direction:column;align-items:flex-start}nav ul{display:none;flex-direction:column;width:100%;margin-bottom:.25rem}nav ul.open{display:flex}nav ul li{width:100%;text-align:center}nav ul li a{margin:.1rem .5rem}}@media (max-width: 1056px){nav ul{margin-right:0rem;margin-top:1rem;font-size:13px}nav ul li{padding-right:0rem;padding:0rem}nav ul li a{padding:.25rem}}.homecont{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px;border-bottom:1px solid blueviolet}.imgcont:hover{animation-name:edit;animation-duration:1s;animation-delay:0s;animation-timing-function:ease-in-out;animation-iteration-count:1}.Heroimgcap{background-color:#1d1de1;font-weight:700;display:inline-block}.carousel-image{height:70vh;object-fit:contain}.carousel-inner{height:70vh}.HeroimgCap:hover{transform:translateY(10px)}footer{background-color:var(--footerbg-color)}.foot-panel{display:flex;justify-content:center;align-items:center;padding-top:.5rem;height:4rem;font-weight:800;color:#fff}@media (max-width: 480px){.imgcont{height:10px;width:20rem}.foot-panel{text-align:center}}@keyframes edit{0%{scale:1;border-width:3px;margin:1px}to{scale:1.05;border-width:6px;margin:20px}}.AboutHead{display:flex;align-items:center;justify-content:center}.AboutHead h3{text-decoration:underline;font-weight:bolder}caption{color:#fff}.AboutDetails h4{text-decoration:underline;font-weight:700}.AboutDetails h5{font-weight:600}.AboutDetails{padding:1rem;font-weight:600}@media (max-width:480px){.AboutDetails p,.AboutDetails h4{text-align:center}}.SkillsHead{display:flex;justify-content:center;align-items:center;padding:.3rem}.SkillsHead h3{font-weight:700;background-color:var(--skillsHead-color);width:8rem;text-align:center}.SkillsHead h3:hover{border:2px solid white}.skillListcont{width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}.skillList{display:flex}.subList{display:flex;margin-bottom:1rem;padding:1rem}.HobbiesList{padding-top:1rem}.HobbiesList ol{display:flex;justify-content:center;align-items:center;flex-direction:column}.HobbiesList ol li{display:flex;padding-top:1rem}.contactcont{height:27rem;width:35rem;border:3px solid blue;border-radius:10px}.contactcont{padding:1rem}.contact-part{display:flex;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;margin-bottom:1rem}.contact-part p{margin-bottom:0;padding:.2rem}.contact-part p a{text-decoration:none;color:var(--text-color)}.mailHead{display:inline-block;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;background-color:var(--contactHead-color);border-radius:10px;padding:.2rem}.mailHeadCont{display:flex;justify-content:center;padding:10px}.sendingMail{height:27rem;width:40rem;border:3px solid blue;border-radius:10px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;background-size:cover;background-position:center}.Mailform{display:flex;flex-direction:column;align-items:start;gap:10px;margin-right:15px}.contact-inputs{width:20rem;height:2rem;border:none;outline:none;padding-left:15px;font-weight:bolder;color:#2956ab;border-radius:50px}.contact-inputs::placeholder{color:#00f;display:flex;align-items:center}.Mailform textarea{height:10vh;padding-top:1vh;border-radius:20px}.contact-inputs:focus{border:2px solid blueviolet}.Mailform button{display:flex;align-items:center;font-size:20px;font-weight:900;color:#ddd;gap:10px;border:none;border-radius:50px;background:linear-gradient(270deg,#2e36a3d5,#20195a);cursor:pointer;padding:.5rem}.error{font-size:.8rem;margin-bottom:0}.success{font-size:.7rem;margin-bottom:0}@media (max-width: 480px){.contactcont{height:30rem;width:20rem}.contact-part{font-size:1rem;font-weight:bolder;margin-bottom:1rem}.contact-part p{margin-bottom:0;padding-left:.6rem}.sendingMail{width:20rem}.contact-inputs{width:15rem}}@media (max-width:640px){.sendingMail{width:20rem}.contactcont{height:32rem;width:20rem}.contact-part{font-size:1rem;font-weight:bolder;margin-bottom:.5rem}.contact-part p{margin-bottom:0;padding-left:.6rem}.contact-inputs{width:15rem}.error{text-align:center}}.portfolio-section{padding:4rem 2rem;background-color:var(--background);color:var(--text);text-align:center}.portfolio-title{font-size:2.2rem;margin-bottom:2.5rem;font-weight:700}.portfolio-container{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.portfolio-card{width:260px;cursor:pointer;transition:transform .3s ease;border-radius:10px;overflow:hidden;box-shadow:0 6px 15px #0003}.card-title{font-weight:600}.portfolio-card:hover{transform:translateY(-10px)}.modal-backdrop{display:none}.portfolioNav{background-color:var(--portfolioNav-color);padding-bottom:0}.portfolioAbout p{text-align:center;font-weight:600}.portfolioAbout{padding-top:25px;text-align:center}.contact-preview{padding:40px 20px}.contact-preview-content{display:flex;flex-direction:column;align-items:center;gap:20px}.contact-image{width:220px;border-radius:10px;box-shadow:0 5px 15px #0000001a}.contact-text{max-width:500px;text-align:center}.contact-btn{padding:10px 25px;font-size:1rem;border-radius:25px;transition:.3s ease-in-out}.contact-btn a{text-decoration:none;color:var(--text-color)}.contact-btn:hover{background-color:#007bff;color:#fff;border-color:#007bff}.portfolioNav li{cursor:pointer}.portfolioNav li:hover{color:#007bff}h2[id]{scroll-margin-top:100px}@media (max-width: 1056px){.portfolioNav ul{font-size:17px}.portfolioNav ul li{padding-right:1rem}.portfolioNav ul li a{padding:.25rem}}.internetCont{width:100%;height:100%;padding-top:5rem;display:flex;justify-content:center}.internetSubcont{display:flex;flex-direction:column;padding:10px;padding-right:3rem;padding-left:3rem;color:#34987e}.videos{display:flex;flex-direction:column;align-items:center;color:var(--text-color);text-align:center;padding:1rem;border:2px solid rgb(29,29,225);font-weight:700;margin-bottom:2rem;border-radius:20px;row-gap:1rem;background-color:var(--videocolor)}@media (max-width:592px){iframe{width:300px;height:270px}.videos{font-size:11px}.internetCont{padding-top:1rem}}@media (max-width:430px){iframe{width:100%;height:170px}.videos{font-size:11px;row-gap:0;padding:.5rem}.internetCont{padding-top:1rem}.internetSubcont{padding:10px}}.Maincont{background-color:#14064f;width:100%;height:100%;color:#fff}