@import url(https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap);@import url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css);#navbar[data-v-636469eb]{position:fixed;width:100%;background:hsla(0,0%,100%,.8);backdrop-filter:blur(10px);z-index:999;top:0;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:background .3s ease;padding:15px 30px}.nav-link[data-v-636469eb]{position:relative;font-weight:700;color:#000;padding:10px;transition:color .3s ease,transform .3s ease;text-decoration-line:none!important}.nav-link[data-v-636469eb]:after{content:"";position:absolute;left:50%;bottom:-5px;width:0;height:2px;background:red;transform:translateX(-50%);transition:width .3s ease}.nav-link[data-v-636469eb]:hover:after{width:100%}.nav-link[data-v-636469eb]:hover{color:red;transform:translateY(-2px)}.nav-link.active[data-v-636469eb]{color:red!important}.navbar-toggler[data-v-636469eb]{border:none;outline:none;padding:.5rem;transition:all .3s ease}.hamburger[data-v-636469eb]{display:block;width:30px;height:24px;position:relative;cursor:pointer}.hamburger span[data-v-636469eb],.hamburger[data-v-636469eb]:after,.hamburger[data-v-636469eb]:before{content:" ";display:block;width:100%;height:2px;background-color:#000;position:absolute;left:0;transition:all .3s ease-in-out;transform-origin:center}.hamburger[data-v-636469eb]:before{top:0}.hamburger span[data-v-636469eb]{top:50%;transform:translateY(-50%)}.hamburger[data-v-636469eb]:after{bottom:0}.hamburger.active[data-v-636469eb]:before{top:50%;transform:translateY(-50%) rotate(45deg)}.hamburger.active[data-v-636469eb]:after{bottom:50%;transform:translateY(50%) rotate(-45deg)}.hamburger.active span[data-v-636469eb]{opacity:0;transform:translateY(-50%) rotate(90deg)}.navbar-toggler:hover .hamburger span[data-v-636469eb],.navbar-toggler:hover .hamburger[data-v-636469eb]:after,.navbar-toggler:hover .hamburger[data-v-636469eb]:before{background-color:red}.navbar-collapse[data-v-636469eb]{display:flex!important;flex-basis:auto;transition:max-height .3s ease-out,opacity .3s ease}@media (max-width:992px){.navbar-collapse[data-v-636469eb]{display:block!important;flex-basis:100%;max-height:0;overflow:hidden;opacity:0}.navbar-collapse.show[data-v-636469eb]{max-height:500px;opacity:1;transition:max-height .3s ease-in,opacity .3s ease}}.logo[data-v-636469eb]{width:50px;height:auto;margin-right:8px}.brand-name[data-v-636469eb]{font-weight:700;font-size:1.25rem;color:#333;margin-left:8px}@media (max-width:995px){#navbar[data-v-636469eb]{padding:10px 20px}.brand-name[data-v-636469eb]{font-size:1rem}.logo[data-v-636469eb]{width:45px}.hamburger[data-v-636469eb]{width:26px;height:20px}}.navbar-toggler[data-v-636469eb]:focus{outline:none!important;box-shadow:none!important}#footer[data-v-4bc516be]{background-color:#333;padding:20px 0;position:relative;bottom:0;width:100%}#footer p[data-v-4bc516be]{margin:0;font-weight:700;color:#ffffffd0}#footer span[data-v-4bc516be]{font-size:1rem}body[data-v-4bc516be]{min-height:100vh;display:flex;flex-direction:column}main[data-v-4bc516be]{flex-grow:1}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body,html{overflow-x:hidden}:is(.navbar,footer){background-color:#fff}:is(.nav-link){color:#000}:target{scroll-margin-top:80px}#about,#contactIndex,#skillsHead{z-index:3}h3{font-size:2.1rem;text-shadow:.25px .25px 2px hsla(0,0%,100%,.704)}h2:not(#shakeel),h3{font-family:Work Sans,sans-serif;color:#333;font-weight:700;letter-spacing:1px}h2:not(#shakeel){font-size:3.18rem;text-shadow:0 0 3px hsla(0,0%,100%,.704)}.h2{font-size:2.5rem;margin-bottom:4rem}#zeroMargin{margin:0}a{transition:all .5s}a:hover{transform:scale(1.2);text-decoration:underline}.move-on-hover{transition:transform .3s ease}.move-on-hover:hover{transform:translateX(-5px)}.move-on-hover2{transition:transform .3s ease}.move-on-hover2:hover{transform:translateX(5px)}.move-on-hover3{transition:transform .3s ease}.move-on-hover3:hover{transform:translateY(5px)}.move-on-hover4{transition:transform .3s ease}.move-on-hover4:hover{transform:translateY(-5px)}.zoom-in-hover{transition:transform .25s ease}.zoom-in-hover:hover{transform:scale(1.03)}.zoom-out-hover{transition:transform .25s ease}.zoom-out-hover:hover{transform:scale(.97)}@keyframes glow-animation{0%{text-shadow:0 0 10px #000}to{text-shadow:0 0 10px #fff}}.card1{position:relative;width:300px;height:200px;background-color:#f2f2f2;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;perspective:1000px;box-shadow:0 0 0 5px #ffffff80}.card1,.card1 svg{transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.card1 svg{width:48px;fill:#333}.card1:hover{transform:scale(1.05);box-shadow:0 8px 16px hsla(0,0%,100%,.2)}.card1__content{position:absolute;top:0;left:0;width:100%;height:100%;padding:20px;box-sizing:border-box;background-color:#f2f2f2;transform:rotateX(-90deg);transform-origin:bottom;transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.card1:hover .card__content{transform:rotateX(0deg)}.card1__title{margin:0;font-size:24px;color:#333;font-weight:700}.card1:hover svg{scale:0}.card1__description{margin:10px 0 0;font-size:14px;color:#777;line-height:1.4}.wrapper{position:relative;width:100%;height:100%;overflow:hidden}.wrapperBg{background:linear-gradient(90deg,#100202,#5a0808 35%,red)}