@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Playwrite+US+Trad:wght@100..400&display=swap";.navbar{position:fixed;top:0;left:0;z-index:10;width:100%;-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem);background:#ffffff65}.navbar .btn{border:none;outline:none;padding:0;margin:0;background:none;width:5rem;cursor:pointer;display:none}.navbar .nav-content{display:flex;justify-content:space-between;align-items:center;padding:1.8rem}.navbar .nav-content .logo{font-family:Playwrite US Trad,cursive;font-size:3rem;cursor:pointer}.navbar .nav-content .menu{list-style:none;display:flex;gap:3rem}.navbar .nav-content .menu .menu-item{position:relative;font-size:2rem;cursor:pointer}.navbar .nav-content .menu .menu-item:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:.2rem;background:#7a7878;transform:scale(0)}.navbar .nav-content .menu .menu-item:hover:after{transform:scale(1);transition:.3s transform ease}@media (max-width: 700px){.navbar .nav-content .menu{list-style:none;display:flex;gap:2.2rem}.navbar .nav-content .menu .menu-item{position:relative;font-size:1.5rem;cursor:pointer}.navbar .nav-content .menu .menu-item:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:.2rem;background:#7a7878;transform:scale(0)}.navbar .nav-content .menu .menu-item:hover:after{transform:scale(1);transition:.3s transform ease}}@media (max-width: 600px){.navbar .btn{display:initial}.navbar .menu-icon{rotate:0;transition:.3s all ease}.navbar .menu-icon.clicked{rotate:405deg;transition:.3s all ease}.navbar .nav-content{display:flex;justify-content:space-between;align-items:center;padding:2rem}.navbar .nav-content .logo{font-size:3rem}.navbar .nav-content .menu{position:absolute;right:-40%;top:100%;height:100vh;height:100svh;padding:2rem;background:#ffffff58;-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem);flex-direction:column;transition:.3s all ease}.navbar .nav-content .menu .menu-item{position:relative;font-size:2rem;cursor:pointer}.navbar .nav-content .menu .menu-item:after{height:.1rem}.navbar .nav-content .menu.closeMenu{right:0;transition:.3s all ease}}.hero{width:100%;min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center}.hero .hero-content{width:120rem;height:60rem;padding:2rem;display:flex;align-items:center;justify-content:space-between}.hero .hero-content .social-icons a{display:inline-block;margin:2rem}.hero .hero-content .social-icons a:hover img{transform:rotate(360deg);transition:.5s all ease}.hero .hero-content .social-icons img{width:5rem}.hero .hero-content .img-section{width:28vw;height:28vw;border-radius:50%;background-image:url(/assets/Ritik-img.webp);background-position:70% 50%;background-size:cover;background-repeat:no-repeat}.hero .hero-content .desc-section{flex:1;height:100%;display:flex;align-items:center;justify-content:center}.hero .hero-content .desc-section .desc-section-content{text-align:center}.hero .hero-content .desc-section .desc-section-content p{font-size:3rem;margin-bottom:1rem;font-weight:500;color:gray}.hero .hero-content .desc-section .desc-section-content h1{font-family:Playwrite US Trad,cursive;font-size:5rem;margin-bottom:1rem;font-weight:600;color:#3c3c3d;letter-spacing:.8}.hero .hero-content .desc-section .desc-section-content h2{font-size:3rem;margin-bottom:1rem;font-weight:500;color:#5a5959}.hero .hero-content .desc-section .desc-section-content button,.hero .hero-content .desc-section .desc-section-content .btn-cv{padding:2rem;margin:1rem;border-radius:5rem;cursor:pointer;font-size:2rem;border:none;outline:none}.hero .hero-content .desc-section .desc-section-content .btn-cv{text-decoration:none;color:#000;border:1px solid black;background:#fff}.hero .hero-content .desc-section .desc-section-content .btn-cv:hover{background:#000;color:#fff;scale:1.1;transition:.3s all ease}.hero .hero-content .desc-section .desc-section-content .btn-contact{color:#fff;background:#000;border:1px solid black}.hero .hero-content .desc-section .desc-section-content .btn-contact:hover{background:#fff;color:#000;scale:1.1;transition:.3s all ease}@media (max-width: 1010px){.hero .hero-content{align-items:center;justify-content:center;padding:2rem;gap:2rem}.hero .hero-content .social-icons a{display:inline-block;margin:2rem}.hero .hero-content .social-icons a:hover img{transform:rotate(360deg);transition:.5s all ease}.hero .hero-content .social-icons img{width:4rem}.hero .hero-content .desc-section{flex:1;height:100%;display:flex;align-items:center;justify-content:center}.hero .hero-content .desc-section .desc-section-content{text-align:center}.hero .hero-content .desc-section .desc-section-content p{font-size:1.5rem;margin-bottom:.7rem}.hero .hero-content .desc-section .desc-section-content h1{font-family:Playwrite US Trad,cursive;font-size:3.5rem;margin-bottom:.7rem;font-weight:600;color:#3c3c3d;letter-spacing:.8}.hero .hero-content .desc-section .desc-section-content h2{font-size:2rem}.hero .hero-content .desc-section .desc-section-content button,.hero .hero-content .desc-section .desc-section-content .btn-cv{padding:1.5rem;margin:1rem;font-size:1.5rem}.hero .hero-content .desc-section .desc-section-content .btn-cv{border:1px solid black;background:#fff}.hero .hero-content .desc-section .desc-section-content .btn-cv:hover{background:#000;color:#fff;scale:1.1;transition:.3s all ease}.hero .hero-content .desc-section .desc-section-content .btn-contact{color:#fff;background:#000;border:1px solid black}.hero .hero-content .desc-section .desc-section-content .btn-contact:hover{background:#fff;color:#000;scale:1.1;transition:.3s all ease}}@media (max-width: 700px){.hero .hero-content{width:100vw;height:100vh;height:100svh;display:flex;flex-direction:column;gap:0;padding:0}.hero .hero-content .social-icons a{margin:1rem}.hero .hero-content .social-icons img{width:4rem}.hero .hero-content .img-section{width:28rem;height:28rem;margin-top:15rem}.hero .hero-content .desc-section{display:flex;align-items:center;justify-content:center}.hero .hero-content .desc-section .desc-section-content{text-align:center}.hero .hero-content .desc-section .desc-section-content p{font-size:2.3rem;margin-bottom:.5rem;font-weight:500;color:gray}.hero .hero-content .desc-section .desc-section-content h1{font-size:3rem}.hero .hero-content .desc-section .desc-section-content h2{font-size:2.3rem;margin-bottom:1rem;font-weight:500;color:#5a5959}.hero .hero-content .desc-section .desc-section-content button,.hero .hero-content .desc-section .desc-section-content .btn-cv{padding:1.5rem;margin:1rem;font-size:1.4rem}.hero .hero-content .desc-section .desc-section-content .btn-cv{border:1px solid black;background:#fff}.hero .hero-content .desc-section .desc-section-content .btn-cv:hover{background:#000;color:#fff;scale:1.1;transition:.3s all ease}.hero .hero-content .desc-section .desc-section-content .btn-contact{color:#fff;background:#000;border:1px solid black}.hero .hero-content .desc-section .desc-section-content .btn-contact:hover{background:#fff;color:#000;scale:1.1;transition:.3s all ease}}.about-me-con{width:100%;min-height:100vh;min-height:100svh;display:flex;justify-content:center;align-items:center;flex-direction:column}.about-me-con>p{font-size:2.5rem;text-align:center}.about-me-con>h1{font-size:6rem;text-align:center;text-transform:uppercase}.about-me-con .about-me{margin-top:3rem;width:100%;display:flex;align-items:center;justify-content:space-between}.about-me-con .about-me .about-me-img{width:40rem;height:30rem;border-radius:2rem;background:url(/assets/aboutme.webp);background-size:cover;background-position:center}.about-me-con .about-me .about-me-desc{display:flex;flex-direction:column;flex:1;padding:4rem}.about-me-con .about-me .about-me-desc img{width:5rem}.about-me-con .about-me .about-me-desc .about-me-desc-top{width:100%;display:flex;justify-content:space-between;align-items:center}.about-me-con .about-me .about-me-desc .about-me-desc-top div{width:40%;border:1px solid rgb(154,151,151);border-radius:2rem;padding:2rem;text-align:center}.about-me-con .about-me .about-me-desc .about-me-desc-top div p{font-size:2rem}.about-me-con .about-me .about-me-desc .about-me-desc-top div h1{font-size:3rem}.about-me-con .about-me .about-me-desc .about-me-desc-top div h2{font-size:2.5rem}.about-me-con .about-me .about-me-desc .about-me-desc-bottom p{font-size:1.7rem;margin-top:3rem;text-align:center}@media (max-width: 1010px){.about-me-con{margin-top:5rem;padding-top:10rem}.about-me-con>p{font-size:2rem}.about-me-con>h1{font-size:5rem}.about-me-con .about-me{flex-direction:column}.about-me-con .about-me .about-me-img{width:90%}.about-me-con .about-me .about-me-desc{flex-direction:column}.about-me-con .about-me .about-me-desc img{width:5rem}.about-me-con .about-me .about-me-desc .about-me-desc-top{width:100%;display:flex}.about-me-con .about-me .about-me-desc .about-me-desc-top div p{font-size:1.5rem}.about-me-con .about-me .about-me-desc .about-me-desc-top div h1,.about-me-con .about-me .about-me-desc .about-me-desc-top div h2{font-size:2rem}.about-me-con .about-me .about-me-desc .about-me-desc-bottom p{font-size:1.7rem;margin-top:3rem;text-align:center}}@media (max-width: 700px){.about-me-con{margin-top:5rem;padding-top:10rem}.about-me-con>p{font-size:2rem}.about-me-con>h1{font-size:5rem}.about-me-con .about-me{flex-direction:column}.about-me-con .about-me .about-me-img{width:90%}.about-me-con .about-me .about-me-desc{flex-direction:column}.about-me-con .about-me .about-me-desc img{width:5rem}.about-me-con .about-me .about-me-desc .about-me-desc-top{width:100%;display:flex;flex-direction:column}.about-me-con .about-me .about-me-desc .about-me-desc-top div{width:100%;margin:2rem}.about-me-con .about-me .about-me-desc .about-me-desc-top div p{font-size:2rem}.about-me-con .about-me .about-me-desc .about-me-desc-top div h1{font-size:3rem}.about-me-con .about-me .about-me-desc .about-me-desc-top div h2{font-size:2.5rem}.about-me-con .about-me .about-me-desc .about-me-desc-bottom p{font-size:1.7rem;margin-top:3rem;text-align:center}}.experience{width:100%;min-height:100vh;min-height:100svh;display:flex;justify-content:center;align-items:center;flex-direction:column}.experience .experience-content{margin:5rem 0;border:1px solid rgb(166,162,162);padding:2rem;border-radius:4rem;display:flex;flex-wrap:wrap;width:50%}.experience>p{font-size:2.5rem;text-align:center}.experience>h1{font-size:6rem;text-align:center}@media (max-width: 600px){.experience .experience-content{margin:2rem 0;border:1px solid rgb(166,162,162);padding:1rem;border-radius:4rem;display:flex;flex-wrap:wrap;width:90%}.experience>p{font-size:2rem}.experience>h1{font-size:5rem}}.experience-detail{display:flex;align-items:center;justify-content:center;margin:1rem;padding:1rem 4rem}.experience-detail img{width:5rem;margin-right:1rem;pointer-events:none}@media (max-width: 600px){.experience-detail{margin:.5rem;padding:1rem 2rem}.experience-detail img{width:3rem}}.projects{width:100%;min-height:100vh;min-height:100dvh;display:flex;justify-content:center;flex-direction:column;border-bottom:.05rem solid rgb(214,210,210)}.projects>p{font-size:2.5rem;text-align:center}.projects>h1{font-size:6rem;margin-bottom:3rem;text-align:center;text-transform:uppercase}@media (max-width: 700px){.projects>p{font-size:2rem}.projects>h1{font-size:5rem}.projects .projects-con{display:flex;justify-content:center;flex-wrap:wrap}}.single-project{width:100%}.single-project .single-project-content{width:100%;display:flex;gap:3rem;align-items:center;border-top:.05rem solid rgb(214,210,210)}.single-project .single-project-content .img-section{width:30rem;height:30rem;display:flex;align-items:center;justify-content:center}.single-project .single-project-content .img-section img{width:80%;height:80%;object-fit:cover;object-position:center;border-radius:2rem;box-shadow:0 0 20px 5px #00000021}.single-project .single-project-content .desc-section{width:70%}.single-project .single-project-content .desc-section h2{font-size:3rem;margin-bottom:1rem}.single-project .single-project-content .desc-section p{font-size:2rem;margin-bottom:1rem}.single-project .single-project-content .desc-section span{display:inline-block;padding:1rem;margin:1rem;font-size:1.5rem;background:#000;color:#fff;border-radius:1rem}@media (max-width: 700px){.single-project .single-project-content{flex-direction:column;gap:0}.single-project .single-project-content .img-section img{width:70%;height:70%}.single-project .single-project-content .desc-section{width:90%;text-align:center}.single-project .single-project-content .desc-section h2{font-size:2rem;margin-bottom:1rem}.single-project .single-project-content .desc-section p{font-size:1.5rem}.single-project .single-project-content .desc-section span{font-size:1.3rem}}.get-in-touch{position:relative;width:100%;min-height:100vh;min-height:100dvh;display:flex;justify-content:center;align-items:center;flex-direction:column}.get-in-touch>p{font-size:2.5rem;text-align:center}.get-in-touch>h1{font-size:6rem;text-align:center;text-transform:uppercase}.get-in-touch img{width:5rem}.get-in-touch .contact-details-con{width:fit-content;padding:2rem;display:flex;border:1px solid rgb(168,159,159);border-radius:2rem;gap:4rem;margin-top:4rem}.get-in-touch .contact-details-con a{display:flex;position:relative;justify-content:center;align-items:center;gap:1rem;text-decoration:none;color:#000}.get-in-touch .contact-details-con a h2{position:relative}.get-in-touch .contact-details-con a h2:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:.2rem;background:#7a7878;transform:scale(0)}.get-in-touch .contact-details-con a:hover h2:after{transform:scale(1);transition:.3s transform ease}.get-in-touch .footer-text{position:absolute;bottom:5%}@media (max-width: 600px){.get-in-touch>p{font-size:2rem}.get-in-touch>h1{font-size:4rem}.get-in-touch img{width:3rem}.get-in-touch .contact-details-con{width:90%;display:flex;flex-direction:column;padding:2rem;gap:4rem;margin-top:4rem}.get-in-touch .contact-details-con a{flex-direction:column}.get-in-touch .contact-details-con a h2:after{height:.1rem}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%;font-family:Poppins,sans-serif}.nav-container{max-width:1400px;width:90%;margin:0 auto}.container{max-width:1600px;width:90%;margin:0 auto}::selection{background:none;color:#87ceeb}