@import"https://fonts.googleapis.com/css2?family=Lobster&family=Love+Light&family=Neonderthaw&family=Noto+Sans+Devanagari:wght@100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900&display=swap";::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#2c2c2c;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#f90,#ff9900c4);border-radius:4px;border:1px solid #2c2c2c}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#f90,#ff9900c4)}::-webkit-scrollbar-corner{background:#2c2c2c}*{scrollbar-width:thin;scrollbar-color:#ff9900 #2c2c2c}body{background-color:#242424;height:100%;margin:0;padding:0}ul{list-style-type:none}ul li{display:inline-block;list-style:none}a{text-decoration:none}.love-light-regular{font-family:Love Light,cursive;font-weight:400;font-style:normal}.navbar-custom{background-color:#1a1a1a;padding:15px 30px;box-shadow:0 4px 8px #b5b5b533;font-family:sans-serif}.navbar-custom .navbar-brand{color:#f90;font-size:1.8rem;font-family:Neonderthaw,cursive;font-weight:700}.navbar-custom .navbar-brand:hover{color:#fff;text-shadow:0 0 20px #f7f6f5}.navbar-custom .navbar-nav .nav-link{color:#fff;margin-right:20px;font-size:1rem;font-weight:700;position:relative;text-decoration:none;transition:color .3s ease-in-out}.navbar-custom .navbar-nav .nav-link:hover{color:#f90;font-weight:700}.navbar-custom .navbar-nav .nav-link:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background-color:#f90;transition:width .3s ease-in-out}.navbar-custom .navbar-nav .nav-link:hover:after{width:100%}.navbar-nav .nav-link.active{color:#f90;font-weight:700}.navbar-nav .nav-link.active:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#f90;transition:none}.navbar-custom .navbar-nav .nav-link.active:hover:after{width:100%}.navbar-toggler-icon{filter:invert(100%)}.container-home{width:90%;height:100vh;margin:auto;padding:20px;display:flex;justify-content:center;align-items:center;overflow-y:hidden}.container-home .main-home{width:100%;height:80%;display:flex;justify-content:center;align-items:center}.container-home .main-home .mytexts{color:#fff;margin:auto}.container-home .main-home .mytexts h1{font-weight:700;font-size:50px;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.animation-text{display:inline-flex;overflow:hidden;white-space:nowrap;border-right:2px solid orange;animation:typing 10s steps(24) infinite,blink .6s step-end infinite;width:0;color:#f90;font-weight:700;position:relative}@keyframes typing{0%,20%{width:0;content:"Coding."}25%,40%{width:6.5ch;content:"Coding."}45%,50%{width:0}58%,63%{width:0;content:"Designing."}68%,83%{width:9ch;content:"Designing."}88%,93%{width:0}99%,to{width:0;content:"Designing."}}@keyframes blink{50%{border-color:transparent}}.animation-text:after{content:"Coding";animation:typing 10s infinite}.container-home .main-home .mytexts .subheading{font-weight:700;color:#f90;font-size:30px}.container-home .main-home .mytexts .icons{display:flex;justify-content:center;gap:20px;margin-top:30px}.icons-home{display:flex;justify-content:center;align-items:center;font-size:24px;color:#f90;text-decoration:none;transition:color .3s ease-in-out;transform:.3s ease-in-out;width:50px;height:50px;border:2px solid #ff9900;border-radius:50%}.icons-home:hover{color:#f90;transform:scale(1.2)}.icons-home:after{content:"";position:absolute;left:0;bottom:-10px;width:0;height:2px;background-color:#f90;transition:width .3s ease-in-out}.icons-home:hover:after{width:100%}.mytexts .btnss{display:flex;justify-content:center;margin-top:50px}.mytexts .btn{display:flex;justify-content:center;color:#f90;border-radius:20px;font-weight:400;font-size:20px}.btn a{color:#f90;text-decoration:none}a .btn:hover{color:#000}.main-home .myimages{display:flex;width:50%;height:100%;margin:0 auto;justify-content:center;align-items:center}.main-home .myimages .images{width:400px;height:400px}.main-home .myimages .images img{width:100%;height:100%;object-fit:fill;border:4px solid #ff9900;border-radius:50%;transition:transform .3s ease;box-shadow:0 0 40px #f90;filter:grayscale(100%)}.main-home .myimages .images img:hover{transform:scale(1.2);box-shadow:0 0 45px #f90}.container-about{display:flex;width:100%;height:100%;box-shadow:0 0 15px 5px #7b7a7a99;margin-bottom:20px;border-radius:20px}.container-about .main-about{display:flex;margin-top:20px}.container-about .main-about .about-image{border:1px solid rgb(36,36,36);padding:10px}.container-about .main-about .about-image img{width:250px;height:250px;top:100px;position:sticky;padding:10px;object-fit:cover;border:2px solid #ff9900;box-shadow:0 0 10px 5px #50505056}.container-about .main-about .headtext{font-size:50px;color:#f90;text-align:center;font-family:Verdana,Geneva,Tahoma,sans-serif;font-weight:700;margin-bottom:30px}.container-about .main-about .paragraph{padding:20px;box-shadow:0 0 10px 5px #50505056;border-radius:10px;margin-bottom:50px;color:#e0e0e0cc;font-size:20px;text-align:justify;font-family:Roboto,sans-serif}.know-animation{position:relative;display:inline-flex;color:#f90}.know-animation:after{content:".";animation:changeDot 3s infinite}.container-about .main-about .offer{font-size:40px;font-weight:700;font-family:Arial,Helvetica,sans-serif;color:#ffc107;margin-bottom:20px}.about-grid{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.about-card{background-color:#2c2c2c;border-radius:10px;width:300px;padding:20px;text-align:center;box-shadow:0 4px 8px #0000004d;transition:transform .3s ease}.about-card:hover{transform:translateY(-10px);box-shadow:0 4px 8px #b8b8b84d}.about-icon{width:80px;height:80px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0 auto 15px;font-size:40px}.about-icon img{width:100%;height:100%;color:#ffc107}.about-heading{font-size:20px;margin-bottom:10px;color:#fff;background-color:#00bfa6;padding:10px;border-radius:10px;font-weight:600}.about-detail{font-size:16px;color:#e0e0e0}.btns{padding:12px 24px;background-color:#f39c12;color:#fff;border:none;border-radius:10px;font-size:16px;margin-right:15px;cursor:pointer;transition:background-color .3s}.btns:hover{background-color:#e67e22}.container-resume{color:#fff;margin-top:50px}#navi{top:100px;position:-webkit-sticky;position:sticky;margin:0}#navi ul{margin:0;padding:0}#navi li{display:block;font-weight:700;list-style:none;margin-bottom:10px;margin-left:30px}#navi li a{color:#ffac00;font-size:20px}.page{width:100%;margin-bottom:7em;scroll-margin-top:90px}.page .heading{font-weight:800;font-size:30px;margin-bottom:30px;color:#ffac00;margin-top:50px}.resume-wrap{width:100%;margin-bottom:30px;border-bottom:1px solid rgb(150,150,150,.3);padding-bottom:10px}.resume-wrap:nth-child(1){border-bottom:0}.resume-wrap .icon{width:50px;height:50px;background:#ffac00;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;margin-right:10px}.resume-wrap .icon span{color:#000;font-size:28px}.resume-wrap .text{width:calc(100% - 50px)}.resume-wrap .date{font-weight:700;font-size:16px;color:#0009;color:#ffac00}.resume-wrap h2{font-size:24px;font-weight:700}.resume-wrap .position{font-size:18px;font-weight:700;color:#6ec5b8}#page-3 .col{transition:transform .3s ease}#page-3 .col:hover{transform:scale(1.1)}.projects-container{text-align:center;padding:50px 20px}.title{font-size:48px;margin-bottom:30px;color:#fff;font-family:Arial,Helvetica,sans-serif;font-weight:800}.projects-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;font-family:Arial,Helvetica,sans-serif}.project-card{background-color:#2c2c2c;border-radius:10px;width:300px;padding:20px;box-shadow:0 4px 8px #bebcbc4d;transition:transform .3s ease,background-color .3s ease}.project-card:hover{background:radial-gradient(ellipse at top,#fb901600,#f90),radial-gradient(ellipse at bottom,#f90,#f6a61da6);color:#000;transform:scale(1.05);box-shadow:0 4px 8px #ffca0a4d;font-family:Arial,Helvetica,sans-serif}.project-card:hover .project-title,.project-card:hover .tech-stack,.project-card:hover .description,.project-card:hover .know-animation{color:#000}.project-title{font-size:20px;color:#f2f2f2;margin-bottom:10px;transition:color .3s ease;animation:slideUp 3.5s ease-out forwards}.tech-stack{color:#00d9ff;font-weight:700;margin-bottom:15px;transition:color .3s ease;animation:slideUp 3.5s ease-out forwards}.description{font-size:14px;color:#dcdcdc;line-height:1.6;transition:color .3s ease;animation:slideUp 3.5s ease-out forwards}@keyframes slideUp{0%{opacity:0}to{opacity:1}}.dot-animation{position:relative;display:inline-flex;color:#dcdcdc}@keyframes changeDot{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.dot-animation:after{content:".";animation:changeDot 3s infinite;color:#000}.contact-container{text-align:center;padding:50px 20px}.contact-title{color:#fff;font-family:Arial,Helvetica,sans-serif;font-weight:800;font-size:48px;margin-bottom:30px}.contact-grid{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.contact-card{background-color:#2c2c2c;border-radius:10px;width:300px;padding:20px;text-align:center;box-shadow:0 4px 8px #0000004d;transition:transform .3s ease}.contact-card:hover{transform:scale(1.05);box-shadow:0 4px 8px #b8b8b84d}.contact-icon{background-color:#ffac00;width:80px;height:80px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0 auto 15px;font-size:40px}.contact-heading{font-size:20px;margin-bottom:10px;color:#fff}.contact-detail{font-size:16px;color:#ffac00}.contact-detail a{text-decoration:none;font-size:16px;color:#ffac00}.mytexts .find{text-align:start}.contanct-footer .icons{display:flex;justify-content:center;gap:20px;margin-top:20px}.icons-contact{display:flex;justify-content:center;align-items:center;font-size:24px;color:#f90;text-decoration:none;transition:color .3s ease-in-out;transform:.3s ease-in-out;width:50px;height:50px;border:2px solid #ff9900;border-radius:50%}.icons-contact:hover{color:#f90;transform:scale(1.2)}.icons-contact:after{content:"";position:absolute;left:0;bottom:-10px;width:0;height:2px;background-color:#f90;transition:width .3s ease-in-out}@media (max-width: 768px){.navbar-custom{padding:10px 20px}.navbar-custom .navbar-nav .nav-link{display:block;margin-right:0}}@media (max-width: 768px){.container-home{flex-direction:column;text-align:center}.container-home .main-home{flex-direction:column;height:auto}.container-home .main-home .icon{margin-top:30px;margin-bottom:30px}.main-home .myimages{width:80%;margin-bottom:70px;order:-1}.main-home .myimages .images{width:200px;height:200px}.container-home .main-home .mytexts h1{width:100%}.container-home .main-home .mytexts .subheading{font-size:24px}}@media (max-width: 768px){.container-about{padding:5px}.main-about{flex-direction:column;align-items:center}.about-image{display:none}.headtext{font-size:30px}.paragraph{font-size:14px}.offer{font-size:25px}.btns{font-size:12px}}@media (max-width: 768px){.projects-grid{flex-direction:column;align-items:center}.project-card{width:90%}}@media (max-width: 768px){#navi{top:0;position:relative}.resume-wrap{flex-direction:column;align-items:center;text-align:center}.resume-wrap .icon{margin-bottom:10px}.resume-wrap .text{width:100%}}@media (max-width: 768px){.contact-grid{flex-direction:column;align-items:center}.contact-card{width:90%;margin-bottom:20px}.contanct-footer .find,.contanct-footer .icons{text-align:center}}@media (max-width: 480px){.container-home .main-home .mytexts h1{font-size:28px}.container-home .main-home .mytexts .subheading{font-size:18px}.project-card,.contact-card{padding:15px}}.gallary{margin-top:20px}.gallary-main{width:100%;height:auto;padding:20px;display:flex;justify-content:center;align-items:center;border:2px solid rgba(95,94,94,.437);margin-bottom:30px;flex-wrap:wrap}.gallary-image,.gallary-details{width:50%;height:100%;padding:10px}.gallary-image img{width:100%;height:auto}.gallaryproject{scroll-margin-top:90px}h1{font-size:35px;font-weight:600;color:#ffc107;text-align:center;font-family:Arial,Helvetica,sans-serif}h6{color:#adb2b2;text-align:center}.gallary-description{color:#adb2b2;font-family:Roboto,sans-serif;padding:20px}.para{color:#ffc107;padding:10px;margin-left:20px;font-size:20px}.languagesUsed{display:flex;padding:20px}.frontend,.backend{width:50%;color:#adb2b2;font-family:Courier New,Courier,monospace;font-weight:400}.front-heading,.back-heading{color:#fff;text-align:center;font-size:25px;margin-bottom:10px;font-family:Arial,Helvetica,sans-serif;font-weight:500}ul li{display:block;font-size:20px;text-decoration:dotted;text-align:center}.link{text-align:center}.link a{text-align:center;text-decoration:none;color:#000;background-color:#ffac00;padding:10px;border-radius:10px}.margins{margin-top:50px;height:100px}.uparrow a{position:fixed;bottom:20px;right:20px;width:50px;height:50px;background-color:orange;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 6px #0003}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.uparrow a:before{content:"⮝";font-size:18px;color:#fff;animation:bounce 1s infinite}@media (max-width: 768px){.gallary-main{flex-direction:column;padding:10px}.gallary-image,.gallary-details{width:100%}.gallary-description{text-align:justify}h1{font-size:28px}.para{font-size:16px;margin-left:0;text-align:center}.frontend,.backend{width:100%;text-align:center}ul li,.link{text-align:center}.link a{font-size:14px}}@media (max-width: 480px){h1{font-size:24px}.para{font-size:14px}.frontend,.backend{width:100%;text-align:center}.link{text-align:center}.link a{font-size:12px;padding:8px}}