body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{box-sizing:border-box;text-align:center}.App,.main{margin:0;max-width:100vw;padding:0}.topContainer{display:flex}.welcomeBox{flex:4 1;padding-left:64px;padding-top:140px}.DeveloperName{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.profileContainer{align-items:center;display:flex;flex:6 1;justify-content:center;padding-top:140px}.profileImage{height:420px;width:420px}.circle1{border:1px solid #b1b1b1;border-radius:50%;height:360px;width:360px}.circle1,.circle2{align-items:center;display:flex;justify-content:center}.circle2{border:1px solid #e1e1e1;border-radius:50%;height:320px;width:320px}.circle3{border:30px solid #ff812c;border-radius:50%;box-shadow:0 0 20px 2px #ff812c;box-sizing:border-box;height:290px;width:290px}p{text-align:left}.animatedText{color:"#c1c1c1";font-size:14px;line-height:20px}.FancyButton{border:2px solid;border-radius:8px;cursor:pointer;margin-top:32px;padding:16px 32px}.speak{font-family:fantasy;font-size:22px;font-weight:700;margin-top:120px}.langContainer{column-gap:16px;flex-wrap:wrap;padding-top:60px;row-gap:16px}.langBox,.langContainer{display:flex;justify-content:center}.langBox{align-items:center;border-radius:8px;font-family:cursive;font-weight:700;padding:16px 32px}.langBox div{font-family:Courier New,Courier,monospace;font-size:16px;margin-left:8px}.skillContainer{flex-wrap:wrap;margin:auto;padding-top:60px;row-gap:16px;width:80%}.skillBox,.skillContainer{display:flex;justify-content:center}.skillBox{align-items:center;border-radius:4px;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-right:16px;padding:12px 16px}.circleMark,.skillBox{background-color:#ff812c}.circleMark{border-radius:50%;height:20px;margin:0;width:20px}.projectBox{border:1px solid #e1e1e1;border-radius:8px;box-shadow:0 1px 10px #0000004d;margin-bottom:16px;margin-right:32px;overflow:hidden;width:320px}.galleryContainer{flex:1 1;flex-direction:column;padding-top:60px;position:relative;width:100%}.galleryCard,.galleryContainer{align-items:center;display:flex;height:240px;justify-content:center}.galleryCard{border-radius:10px;box-sizing:border-box;text-transform:uppercase;width:120px}.galleryCard img{height:auto;object-fit:contain;width:120px}.projectName{align-items:center;background-color:#fff;box-shadow:0 -1px 20px #0000004d;display:flex;height:80px;justify-content:center;margin-top:40px;width:100%}.projectName div{color:#000;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:20px;font-weight:700;margin-left:6px}.projectName img{height:50px;margin-right:6px;width:50px}.experience{border-radius:8px;flex-direction:column;margin:60px auto auto;padding:32px;width:80%}.expRowContainer,.experience{display:flex}.expLeftBox{align-items:center;justify-content:center}.expLeftBox,.expRightBox{display:flex;flex-direction:column}.expRightBox{width:100%}.jobCompany,.jobTime{font-size:14px}.jobCompany{margin-left:8px;text-align:"left"}.FancyContainer{column-gap:16px;margin-top:40px}.Fancy,.FancyContainer{align-items:center;display:flex}.Fancy{background-color:#7c83fd;border-radius:8px;color:#fff;cursor:pointer;font-family:Courier New,Courier,monospace;font-size:20px;font-weight:600;justify-content:center;padding:16px 32px;transition:box-shadow .75s}.FancyLight:hover{box-shadow:0 1px 20px -2px #fff}.FancyDark:hover{box-shadow:0 1px 20px -2px #000}.ResumeBtn{align-items:center;border:2px solid #7c83fd;border-radius:8px;cursor:pointer;display:flex;font-family:Courier New,Courier,monospace;font-size:20px;font-weight:600;justify-content:center;padding:16px 32px;transition:box-shadow .75s}.ResumeBtnLight:hover{box-shadow:0 1px 20px -2px #fff}.ResumeBtnDark:hover{box-shadow:0 1px 20px -2px #000}.swiper{height:100%;width:100%}.swiper-slide{align-items:center}.slide,.swiper-slide{display:flex;justify-content:center}.slide-image{height:240px;object-fit:contain}@media only screen and (max-width:1280px){.Fancy,.ResumeBtn{font-size:16px}.speak{font-size:20px}}@media only screen and (max-width:1084px){.topContainer{flex-direction:column}.profileContainer{order:0}.welcomeBox{order:1;padding-right:64px}.experience{width:80%}.speak{font-size:18px}}@media only screen and (max-width:540px){.Fancy,.ResumeBtn{font-size:13px}.jobPosition{font-size:14px}.jobTime{font-size:12px}.jobCompany{font-size:13px}.profileContainer{padding-top:100px}.welcomeBox{margin-top:0;padding-left:18px;padding-right:18px;padding-top:20px}.circle1,.profileImage{height:320px;width:320px}.circle2{height:280px;width:280px}.circle3{border:30px solid #ff812c;height:250px;width:250px}.langContainer{padding:16px}.langBox{padding:12px 28px}.langBox div{font-size:14px}.skillContainer{width:90%}.projectBox{margin-right:0}.speak{font-size:16px}}.HeaderMain{align-items:center;display:flex;height:60px;justify-content:center;margin:auto;position:fixed;width:100vw;z-index:20}.Moon{cursor:pointer;height:40px;position:absolute;right:16px;width:40px}.headerItems{position:absolute;right:100px;width:50%}.headerItems,.headerItems ul{align-items:center;display:flex;flex-direction:row;justify-content:flex-end}.headerItems ul{height:100%;list-style-type:none}.headerItems li{cursor:pointer;margin-left:32px}.headerItems li:after{border-bottom:3px solid #ff812c;content:"";display:block;padding-bottom:4px;transform:scaleX(0);transition:transform .2s ease-in-out}.headerItems li:hover:after{transform:scaleX(1)}.NavLink{color:#fff;font-family:Courier New,Courier,monospace;font-size:18px;font-weight:700}.NavLink,.active{text-decoration:none}.active{border-bottom:3px solid #ff812c;color:#666;list-style-type:none;padding-bottom:4px;transform:scaleX(0);transition:transform .2s ease-in-out}.NasirLogo{height:40px;left:16px;position:absolute;width:100px}@media only screen and (max-width:1246px){.NavLink{font-size:16px}.headerItems li{margin-left:26px}}@media only screen and (max-width:860px){.NavLink{font-size:14px}.headerItems li{margin-left:18px}}@media only screen and (max-width:540px){.Moon{height:30px;width:30px}.NavLink{font-size:12px}.headerItems li{margin-left:12px}.headerItems{right:70px}}@font-face{font-family:swiper-icons;font-style:normal;font-weight:400;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")}:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:ease;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}.swiper-lazy-preloader{border:4px solid #007aff;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.FooterMain{align-items:center;border-top-left-radius:64px;border-top-right-radius:64px;display:flex;flex-direction:column;justify-content:center;margin-top:60px;max-width:100vw;padding:36px}.FooterLogo{height:auto;width:100px}.PhoneContainer{align-items:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#fff6;border-radius:8px;display:flex;flex-direction:column;height:160px;justify-content:center;margin-top:36px;width:300px}.phone_icon{height:60px;margin-bottom:22px;width:auto}.PhoneContainer span{color:#fff;font-family:Courier New,Courier,monospace;font-size:22px;font-weight:700;margin-top:8px}.socialBox{column-gap:22px;margin-top:60px}.socialBox,.socialContainer{align-items:center;display:flex;justify-content:center}.socialContainer{background-color:#f9f9f9;background-size:100% 200%;border-radius:6px;box-shadow:0 0 21px #d5d5d5;height:60px;transition:background-position .5s;width:60px}.socialContainerF{background-image:linear-gradient(180deg,#f9f9f9 50%,#00b4f5 0)}.socialContainerT{background-image:linear-gradient(180deg,#f9f9f9 50%,#fb7430 0)}.socialContainerG{background-image:linear-gradient(180deg,#f9f9f9 50%,#000 0)}.socialContainerL{background-image:linear-gradient(180deg,#f9f9f9 50%,#0072b1 0)}.socialContainer:hover{background-position:0 100%;cursor:pointer}.socialImage{font-size:20px}#email{color:#00b4f5}#stackoverflow{color:#fb7430}#github{color:#000}#linkedin{color:#0072b1}#a:hover>.socialImage{color:#fff}.socialContainer .socialImage{transition:all .3s ease-in-out;width:40px}.socialContainer:hover .socialImage{color:#fff;transform:scale(1.4)}@media only screen and (max-width:540px){.FooterMain{border-top-left-radius:18px;border-top-right-radius:18px;padding:22px}}