@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Outfit:wght@100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Space+Grotesk:wght@300..700&display=swap";a{text-decoration:none}.container{max-width:1700px;padding-inline:40px}.text-primary{color:hsl(194.15,100%,43.63%) !important}.text-dark{color:hsl(224.06,72.27%,4.17%) !important}.text-secondary{color:hsl(217.85,11.94%,64.27%) !important}.text-white{color:hsl(195,100%,91%) !important}button.text-secondary,.nav-link.text-secondary{transition:color .2s ease}button.text-secondary:hover,.nav-link.text-secondary:hover{color:hsl(195,100%,91%) !important}.badge{font-size:.8rem;background-color:hsl(195,100%,91%)}body{font-family:"Space Grotesk",sans-serif;font-weight:400;color:hsl(217.85,11.94%,64.27%);background-color:hsl(224.06,72.27%,4.17%)}.navbar-brand h1{font-family:"Montserrat",serif;font-weight:700;font-size:38px}.heading{color:rgba(0,0,0,0);font-size:clamp(20px,20px + 5vw,80px);font-weight:900;font-family:"Space Grotesk",sans-serif;-webkit-text-stroke:1px hsl(194.15,100%,43.63%)}.main-header{position:fixed;top:0;left:0;right:0;z-index:11;transition:background .3s}.main-header .navbar{padding:15px 0}.main-header .navbar .container{border-radius:100px;border:none;transition:all 1s ease}.main-header .navbar .navbar-nav li{padding:0 10px}.main-header .navbar .navbar-nav li .nav-link{padding:0;margin-inline:10px;font-weight:500;text-transform:uppercase;background-image:linear-gradient(#ffffff, #ffffff);background-size:0% .1em;background-position-y:100%;background-position-x:100%;background-repeat:no-repeat;transition:background-size .4s cubic-bezier(0, 0, 0.08, 0.96)}.main-header .navbar .navbar-nav li .nav-link:hover,.main-header .navbar .navbar-nav li .nav-link:focus,.main-header .navbar .navbar-nav li .nav-link:active{background-size:100% .1em;background-position-x:0%}.fixed-header .main-header .container{background-color:rgba(0,0,0,.548);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px #2c374e solid}main{position:relative;z-index:1}main .home-section{position:relative;overflow:hidden;padding-block:200px 100px}main .home-section .container{position:relative}main .home-section .container .home-intro{position:relative}main .home-section .container .home-intro h1{font-family:"Montserrat",serif}main .home-section .container .home-intro h1 .heading{font-size:clamp(35px,35px + 5vw,120px);-webkit-text-stroke:2px hsl(194.15,100%,43.63%);font-weight:900}main .home-section .container .home-intro h1 span.text-primary{text-decoration:underline;text-underline-offset:13px}main .home-section .container .home-intro h2{font-family:"Montserrat",serif;font-size:45px}main .home-section .container .home-intro .btn_1{font-size:20px;font-weight:600;padding:10px 50px;border-radius:30px;color:hsl(224.06,72.27%,4.17%);border:none;background:linear-gradient(to right, lightblue, hsl(194.15, 100%, 43.63%), lightblue);background-size:200% 100%;background-position:left center;transition:all .5s ease}main .home-section .container .home-intro .btn_1:hover{background-position:right center}main .home-section .container .home-intro a{padding:0}main .home-section .container .home-intro a .btn_1{background:rgba(0,0,0,0);border:2px solid hsl(195,100%,91%)}main .home-section .container .home-intro a .btn_1:hover{opacity:.7}main .home-section .container:after{position:absolute;content:"";top:-200px;left:-200px;width:1000px;height:1000px;background:radial-gradient(rgba(0, 132, 255, 0.171), transparent 50%);z-index:-1}main .home-section .container .home-image{position:relative}main .home-section .container .home-image div{position:relative;width:clamp(220px,220px + 15vw,500px);aspect-ratio:1}main .home-section .container .home-image div::after,main .home-section .container .home-image div::before{content:"";position:absolute;height:100%;width:100%;top:50%;left:50%;translate:-50% -50%;background-image:linear-gradient(hsl(194.15, 100%, 43.63%), rgb(0, 31, 133));border-radius:1000px;box-sizing:content-box;padding:8px;z-index:-2}main .home-section .container .home-image div::before{filter:blur(30px)}main .home-section .container .home-image div img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:left;object-position:left;border-radius:300px}main .section{padding-block:100px;position:relative;border-bottom:2px solid hsla(195,100%,91%,.2)}main .about-section .image-div{position:relative}main .about-section .image-div div{position:relative;width:clamp(220px,220px + 15vw,500px);aspect-ratio:1}main .about-section .image-div div::after,main .about-section .image-div div::before{content:"";position:absolute;height:100%;width:100%;top:50%;left:50%;translate:-50% -50%;background-image:linear-gradient(hsl(194.15, 100%, 43.63%), rgb(0, 31, 133));border-radius:108px;box-sizing:content-box;padding:8px;z-index:-2}main .about-section .image-div div::before{filter:blur(30px)}main .about-section .image-div div img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:100px}main .services-section{overflow:hidden}main .services-section:after{content:"";position:absolute;top:-1500px;right:-1500px;width:3000px;height:3000px;background:radial-gradient(rgba(0, 132, 255, 0.171), transparent 50%);z-index:-1}main .services-section .heading{padding-bottom:5px;width:700px;border-bottom:3px solid hsl(194.15,100%,43.63%)}main .services-section .col-lg-4>div{padding:20px;height:450px;border:1px solid hsla(195,100%,91%,.2);border-radius:10px;background:-webkit-radial-gradient(bottom right, rgba(0, 31, 133, 0.5), transparent 50%)}main .services-section .col-lg-4 i{font-size:5rem;color:hsl(194.15,100%,43.63%)}main .services-section .col-lg-4 h1{font-family:"Montserrat",serif}main .skills-section{overflow:hidden}main .skills-section:after{content:"";position:absolute;top:-1500px;left:-1500px;width:3000px;height:3000px;background:radial-gradient(rgba(0, 132, 255, 0.171), transparent 50%);z-index:-1}main .skills-section .heading{padding-right:20px !important;font-size:clamp(35px,35px + 5vw,120px);-webkit-text-stroke:2px hsl(194.15,100%,43.63%)}main .skills-section .progress-part{padding-left:40px !important;border-left:3px solid hsl(194.15,100%,43.63%)}main .skills-section .progress-part .progress{background-color:hsla(195,100%,91%,.06);border-radius:100px}main .skills-section .progress-part .progress .progress-bar{background:linear-gradient(to right, hsl(194.15, 100%, 43.63%), rgb(0, 31, 133))}main .projects-section{overflow:hidden}main .projects-section:after{content:"";position:absolute;top:-1500px;right:-1500px;width:3000px;height:3000px;background:radial-gradient(rgba(0, 132, 255, 0.171), transparent 50%);z-index:-1}main .projects-section .container .projects-heading{margin-bottom:150px}main .projects-section .container .projects-heading .heading{padding-bottom:5px;width:700px;border-bottom:3px solid hsl(194.15,100%,43.63%)}main .projects-section .container>.d-flex{gap:100px}main .projects-section .container>.d-flex>.d-flex{gap:100px}main .projects-section .column-1,main .projects-section .column-3{margin-top:200px}main .projects-section .project-card{position:relative;aspect-ratio:3/4;width:300px;filter:brightness(0.7)}main .projects-section .project-card .card-info{position:absolute;width:100%;height:100%;padding:20px;background:linear-gradient(to bottom right, transparent 50%, rgba(0, 132, 255, 0.31)),linear-gradient(to bottom, transparent, black);z-index:10;transition:all .3s;opacity:0}main .projects-section .project-card .card-info .h2{font-family:"Playfair Display",serif}main .projects-section .project-card .card-info .badge{font-size:.7rem}main .projects-section .project-card:hover{filter:brightness(1)}main .projects-section .project-card:hover .card-info{opacity:1}main .projects-section .project-card video{height:100%;aspect-ratio:3/4;-o-object-fit:cover;object-fit:cover}main .footer{height:500px}main .footer .row h1{font-family:"Montserrat",serif;font-weight:700;font-size:45px;color:hsl(195,100%,91%)}main .footer .row .socials .d-flex a{color:hsl(217.85,11.94%,64.27%)}main .footer .row .socials .d-flex a:hover{color:hsl(194.15,100%,43.63%)}main .footer ul{display:contents;list-style:none}main .footer ul li{gap:10px;margin-bottom:10px}main .footer ul li i{color:hsl(195,100%,91%);font-size:1.5rem}/*# sourceMappingURL=style.css.map */