@import"https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Open+Sans:wght@400;500&family=Poppins:wght@300;400;600&family=Quicksand:wght@400;600&family=Roboto+Condensed:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body::-webkit-scrollbar{width:6px;height:8px}body::-webkit-scrollbar-track{background:var(--section-bgd)}body::-webkit-scrollbar-thumb{background:var(--nav-blue);border-radius:100vh}body::-webkit-scrollbar-thumb:hover{background:var(--nav-blue-shade)}html,body{overflow-x:hidden}:root{--nav-grey: #a8a9b4;--nav-deep-grey: #94959b;--nav-blue: #149ddd;--nav-blue-shade: #0e668f;--card-blue-shade: #112240;--nav-deep-blue: #2c2f3f;--nav-bgd: #040b14;--white: #fff;--soft-white: #ccd6f6;--navy: #0a192f;--light-blue: rgb(156, 183, 255);--section-bgd: #00021a}.about,.skills,.services,.works,.contact{background-color:var(--section-bgd);color:var(--nav-grey);width:100%}.container{padding:4rem;max-width:1200px;margin:0 auto}.loader{background-color:#00021a;height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.loader-icon{color:#fff;height:100;width:50}.svg-wrapper{position:relative}@keyframes pageLoad{0%{stroke-dasharray:140 540;stroke-dashoffset:-474;stroke-width:8px}to{stroke-width:2px;stroke-dashoffset:0;stroke-dasharray:760}}.shape{stroke-dasharray:140 540;stroke-dashoffset:-474;stroke-width:8px;fill:transparent;stroke:#149ddd;border:5px solid black;animation:3s ease 0s 1 pageLoad}.text{font-size:16px;text-transform:uppercase;line-height:32px;letter-spacing:8px;color:#fff;position:absolute;left:20px;top:10px;width:100%;transform:translate(-50% -50%)}@media screen and (max-width: 700px){.container{padding:3rem}}@media screen and (max-width: 500px){.text{font-size:13px;position:absolute;left:40px;top:10px}.container{padding:1rem}}.heading{font-family:Poppins,sans-serif;margin-bottom:3rem}.heading-sub-text{color:var(--soft-white)}.heading-text{color:var(--soft-white);font-size:2.5rem}.about-content{font-family:Poppins,sans-serif;line-height:1.7;font-size:1rem}.split-about{display:grid;grid-template-columns:1fr 1fr;column-gap:1rem}.about-img{width:100%;display:flex;justify-content:center;position:relative;z-index:1}.about-img img{width:auto;height:300px;border-radius:5px;filter:brightness(100%);cursor:pointer;transition:all .4s ease}.about-img img:hover{transform:scale(1.1)}@media screen and (max-width: 1000px){.split-about{display:grid;grid-template-columns:1fr;display:flex;flex-direction:column;justify-content:center;align-items:center}.about-content{margin-bottom:5rem}}@media screen and (max-width: 500px){.about-img img{width:auto;height:200px}.heading-sub-text{font-size:90%}.heading-text{font-size:2rem}.about-content{font-size:.8rem}}.contact-box{display:grid;grid-template-columns:repeat(2,1fr);column-gap:2rem}.contact-heading{margin-bottom:2rem}.contact-heading p{line-height:2}.contact-hello{display:flex;flex-direction:column}.contact-hello p{text-transform:uppercase;font-weight:700;letter-spacing:2px;margin-bottom:1rem}.hello-links{color:var(--nav-blue-shade);margin:.5rem 0;text-decoration:none;transition:all .3s ease-in-out}.hello-links:hover{color:var(--nav-blue)}.right-box{width:90%;margin:0 auto;color:var(--white);font-size:80%}.form-top{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:4rem}.name,.email{width:40%}.name,.email,.message{display:flex;flex-direction:column}.name label,.email label,.message label{margin-bottom:1rem}input,textarea{background-color:transparent;border:0;outline:none;border-bottom:1px solid var(--white);padding-bottom:.5rem;word-wrap:break-word;color:var(--white)}.form-mid{margin-bottom:4rem}.form-btn{display:flex;justify-content:center}@media screen and (max-width: 900px){.contact-box{display:grid;grid-template-columns:1fr;row-gap:5rem}.right-box{width:90%;margin:0 auto}}@media screen and (max-width: 550px){.contact-heading p,.contact-hello p,.hello-links,input,textarea{font-size:80%}.right-box{font-size:70%}}.hero-section{background-image:url(/assets/hero-bg-1-9fba010d.jpg);background-attachment:fixed;background-position:center;background-size:cover;width:100%;color:var(--white);height:100vh;padding:3rem 6rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative}.hero-overlay{position:absolute;height:100vh;width:100%;background-color:#000;filter:opacity(.8)}.hero-content{font-family:Lato,sans-serif;margin-bottom:2rem;width:fit-content}.hero-intro{font-size:4rem;margin-bottom:.5rem;color:var(--nav-blue);display:flex;flex-direction:column}.hero-desc,.hero-desc-sub{font-size:1.2rem;font-family:Poppins,sans-serif;font-weight:100}.hero-contact{text-decoration:none;color:var(--nav-blue);font-size:80%;font-weight:500;letter-spacing:3px;padding:1rem 2rem;border:1px solid var(--nav-blue);background-color:transparent;width:fit-content;border-radius:4px;overflow:hidden;position:relative;transition:.4s transform ease-in-out;will-change:transform;display:flex;flex-direction:row;align-items:center;cursor:pointer}.hero-contact:after{background-color:var(--nav-blue);content:"";display:block;height:100%;width:100%;position:absolute;left:0;top:0;transform:translate(-100%);transform-origin:top right;transition:.8s transform ease-out;will-change:transform;z-index:-1}.hero-contact:hover:after{transform:translate(0)}.hero-contact:hover{color:var(--white);will-change:transform}.hero-content .hero-desc{color:#fff;overflow:hidden;line-height:2;letter-spacing:.15em}.menu-icon,.to-top-icon{padding:.7rem;cursor:pointer;font-size:1.3rem;display:flex;justify-content:center;align-items:center;border:3px solid var(--nav-blue);border-radius:50%;transition:all .4s ease;z-index:99999999;background-color:var(--nav-blue)}.menu-icon{position:fixed;top:1rem;right:1rem}.menu-icon:hover{background-color:var(--nav-blue-shade)}.cv-icon{margin-left:.5rem}.to-top-icon{position:fixed;bottom:1rem;right:1rem}.to-top-icon:hover{background-color:var(--nav-blue-shade)}.show{visibility:visible;opacity:1}.hide{visibility:hidden;opacity:0}@media screen and (min-width: 768px){.menu-icon{display:none}}@media screen and (max-width: 768px){.menu-icon,.to-top-icon{font-size:1rem}}@media screen and (max-width: 650px){.hero-intro{font-size:5rem}}@media screen and (max-width: 500px){.hero-section{padding:3rem 1rem;white-space:normal}.hero-intro{font-size:3rem}.hero-desc,.hero-desc-sub{font-size:1rem}.hero-contact{font-size:80%}.menu-icon,.to-top-icon{font-size:1rem;padding:.6rem;background-color:var(--nav-blue)}}.services-box{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem}.services-card{width:fit-content;max-width:300px;margin:0 auto;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;border-radius:5px;transition:all .4s ease}.services-card:hover{box-shadow:inset 6px 6px 30px #4b4b4b;border:none}.services-icon{font-size:3rem;color:var(--nav-blue);margin-bottom:2rem}.services-title{font-size:1.3rem;margin-bottom:1rem}.services-desc{font-size:.8rem;line-height:1.5}@media screen and (max-width: 768px){.services-card{width:100%;padding:1rem}}@media screen and (max-width: 550px){.services-icon{font-size:2.5rem;margin-bottom:1.5rem}.services-title{font-size:1.2rem}.services-desc{font-size:.7rem}}.skills-box{display:grid;grid-template-columns:repeat(4,1fr);column-gap:1rem;row-gap:2rem}.skill-card{padding:1rem;width:80%;margin:0 auto;color:var(--nav-blue);cursor:pointer;border-radius:5px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.skill-icon{font-size:2rem;margin-bottom:.5rem}.skill-desc{font-size:1.3rem;letter-spacing:1px}@media screen and (max-width: 1000px){.skills-box{display:grid;grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 768px){.skills-box{display:grid;grid-template-columns:repeat(3,1fr)}.skill-icon{font-size:2rem;margin-bottom:.5rem}.skill-desc{letter-spacing:1px;font-size:1rem}}@media screen and (max-width: 550px){.skill-card{width:70%;margin:0 auto;padding:0}.skill-icon{font-size:1rem}.skill-desc{font-size:.5rem}}.works-box{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:1rem}.work-link-group{text-decoration:none}.works-container,.our_works_figure{width:100%}.our_works_figure_img{object-fit:contain;width:100%}.works-card{background-color:var(--card-blue-shade);color:var(--nav-grey);border-radius:5px;position:relative;padding:1rem 2rem;width:300px;max-width:300px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;cursor:pointer;transition:all .3s ease}.works-card:hover{transform:translateY(-7px)}.works-card:hover .work-title{color:var(--nav-blue)}.top-work{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:2rem}.top-work .right{display:flex}.mid-work{margin-bottom:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.work-title{font-size:1.3rem;font-weight:700;word-spacing:5px;margin-bottom:.5rem}.work-desc{font-size:80%}.work-folder{font-size:2rem;color:var(--nav-blue)}.work-git,.work-link{color:var(--nav-grey);margin:0 .5rem;font-size:1.5rem;display:flex;align-items:center;transition:all .3s ease}.work-git:hover,.work-link:hover{color:var(--nav-blue)}.bottom-work{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;align-items:center}.bottom-work small{margin:0 .5rem;font-size:60%}@media screen and (max-width: 550px){.work-desc{font-size:60%}.work-folder{font-size:1.5rem}.work-git,.work-link,.work-title{font-size:1.2rem}.bottom-work small{font-size:50%}}@media screen and (max-width: 320px){.works-card{width:250px;max-width:300px;margin:0 auto;height:250px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:all .3s ease}}.navbar{background-color:var(--section-bgd);color:var(--white);position:fixed;top:0;left:-100%;bottom:0;opacity:0;overflow-y:scroll;transition:all .5s ease-in-out;z-index:99999}.navbar.active{left:0;opacity:1}.navbar::-webkit-scrollbar{scroll-margin:0}.navbar-container{padding:1rem 1.5rem}.top-details{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:2rem}.img__cover{height:100px;width:100px;display:flex;justify-content:center;align-items:center}.profile-pic-small{height:100%;width:100%;border-radius:50%;margin-bottom:1rem;border:5px solid var(--nav-deep-blue)}.profile-name{font-size:1rem;font-weight:600;font-family:Poppins,sans-serif;text-decoration:none;color:var(--white);margin-bottom:1rem;cursor:pointer}.nav-links li,.mid-details li{list-style:none;font-weight:700}.mid-details{padding:1rem}.flex{display:flex}.mobile{display:flex;flex-direction:column}.nav-links li,.mobile li{list-style:none}.copy{display:flex;flex-direction:row;justify-content:center;align-items:center}.copyright{color:var(--white);font-size:65%;font-family:Quicksand,sans-serif}.fixednav{position:fixed;top:0;left:0;width:100%;height:60px;color:#fff;z-index:2;padding:0 20px;box-sizing:border-box;transition:background-color .3s ease}.fixednav.scrolled{background-color:#000;color:#000;height:70px}.nav-links{display:flex;flex-direction:row;align-items:center}.nav-links li,.mid-details li{list-style:none}.nav-link{display:flex;justify-content:center;align-items:center;cursor:pointer;text-decoration:none;color:var(--white);margin:0 .3rem;padding:.7rem;background-color:var(--nav-deep-blue);border-radius:50%;transition:all .3s ease-in-out}.nav-link:hover{background-color:var(--nav-blue)}.mid-details{padding:1rem;display:flex;justify-content:space-evenly}.mid-links{display:flex;align-items:center;color:var(--nav-grey);cursor:pointer;text-decoration:none;padding:1rem 0;font-size:.9rem;transition:all .3s ease-in-out}.mid-links.active{color:var(--nav-blue)}.mid-links:hover{color:var(--white)}.mid-links:hover .mid-icon{color:var(--nav-blue)}.mid-icon{margin-right:1rem;font-size:1.5rem}@media screen and (max-width: 768px){.fixednav{display:none}}