.navbar{align-items:center;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:linear-gradient(135deg,#1e1e23fa,#19191efa);border-bottom:2px solid #ffc1074d;box-shadow:0 8px 32px #0006,0 0 0 1px #ffc10726,inset 0 1px 0 #ffffff1a;display:flex;height:5rem;justify-content:space-between;margin:0 auto;max-width:75rem;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;width:100vw;z-index:100}.logo{height:3.75rem;object-fit:cover;transition:transform .3s ease;width:5rem}.logo:hover{transform:scale(1.1)}.desktopMenu{align-items:center;display:flex;gap:.5rem}.desktopMenuListItem{color:#f0f0f0;cursor:pointer;font-size:1rem;font-weight:500;margin:0 1rem;padding:.5rem 0;position:relative;text-shadow:0 1px 2px #0000004d;transition:all .3s ease}.desktopMenuListItem:after{background:linear-gradient(90deg,#ffc107,#ffb300,#ffc107);background-size:200% 100%;border-radius:2px;bottom:0;box-shadow:0 2px 8px #ffc10766;content:"";height:3px;left:0;position:absolute;transition:width .3s ease;width:0}.desktopMenuListItem:hover{color:#ffd54f;text-shadow:0 0 10px #ffc10780;transform:translateY(-2px)}.desktopMenuListItem:hover:after{width:100%}.desktopMenuBtn{align-items:center;background:linear-gradient(135deg,#ffc107,#ffb300 50%,#ffa000);border:none;border-radius:2rem;box-shadow:0 4px 20px #ffc10766,inset 0 1px 0 #ffffff4d;color:#1a1a1a;cursor:pointer;display:flex;font-weight:600;justify-content:center;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s ease}.desktopMenuBtn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.desktopMenuBtn:hover:before{left:100%}.desktopMenuBtn:hover{background:linear-gradient(135deg,#ffb300,#ffa000 50%,#ff9800);box-shadow:0 6px 25px #ffc10780,inset 0 1px 0 #fff6;transform:translateY(-2px)}.desktopManuImg{height:1rem;margin-right:.5rem;object-fit:cover;width:1rem}.active{color:#ffd54f;font-weight:600;text-shadow:0 0 10px #ffc10799}.active:after{width:100%}.resumeIcon{cursor:pointer;filter:brightness(0) invert(1);height:40px;margin-left:20px;transition:transform .3s ease;width:40px}.resumeIcon:hover{filter:brightness(0) invert(.8) sepia(1) saturate(5) hue-rotate(45deg);transform:scale(1.15) rotate(5deg)}#intro{align-items:center;display:flex;margin:0 auto;max-width:75rem;min-height:calc(100vh - 5rem);overflow:hidden;padding:2rem;position:relative;width:100vw}.bg{filter:brightness(.6) drop-shadow(0 0 30px rgba(255,193,7,.3));height:70vh;max-height:600px;object-fit:cover;opacity:.8;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all .5s ease;width:auto;z-index:0}.bg:hover{filter:brightness(.7) drop-shadow(0 0 40px rgba(255,193,7,.5));transform:translateY(-50%) scale(1.05)}.introContent{animation:fadeInUp .8s ease-out;display:flex;flex-direction:column;font-size:3rem;font-weight:700;gap:1rem;justify-content:center;max-width:600px;padding:2rem;position:relative;width:60%;z-index:1}.hello{color:#b0b0b0;font-size:1.75rem;font-weight:300;letter-spacing:2px}.introText{color:#fff;line-height:1.2}.introName{color:#ffc107;display:inline-block;text-shadow:0 0 20px #ffc10780;transition:all .3s ease}.introName:hover{text-shadow:0 0 30px #ffc107cc;transform:scale(1.05)}.introPara{color:silver;font-size:1.1rem;font-weight:300;letter-spacing:.5px;line-height:1.8;margin-top:.5rem}.btnGroup{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.btnGroup>div{display:inline-block}.btnGroup button[data-calendar-button],.btnGroup>div a button,.btnGroup>div button,button[data-calendar-button]{align-items:center!important;background:linear-gradient(135deg,#ffd54f,#ffb300)!important;border:none!important;border-radius:2rem!important;box-shadow:0 4px 15px #ffd54f4d!important;color:#1a1a1a!important;cursor:pointer!important;display:flex!important;font-family:Poppins,sans-serif!important;font-size:1rem!important;font-weight:600!important;gap:10px!important;height:auto!important;justify-content:center!important;line-height:1!important;min-height:44px!important;padding:12px 24px!important;transition:all .3s ease!important;width:auto!important}.btnGroup button[data-calendar-button]:hover,.btnGroup>div a button:hover,.btnGroup>div button:hover,button[data-calendar-button]:hover{background:linear-gradient(135deg,#ffb300,#ffa000)!important;box-shadow:0 6px 20px #ffd54f66!important;transform:translateY(-2px)!important}.btnGroup button[data-calendar-button]:active,.btnGroup>div a button:active,.btnGroup>div button:active,button[data-calendar-button]:active{transform:translateY(0)!important}.btn{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:2rem;box-shadow:0 4px 15px #007bff4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.btn:hover{background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 6px 20px #007bff66;transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btnImg{height:20px;object-fit:cover;width:20px}@media screen and (max-width:840px){#intro{flex-direction:column;padding:1rem;text-align:center}.introContent{font-size:2rem;padding:1rem;width:100%}.bg{height:50vh;margin:2rem auto;position:relative;right:auto;top:auto;transform:none}.hello{font-size:1.25rem}.introText{font-size:1.75rem}.introPara{font-size:.95rem}}.Resume{color:#7fffd4;font-size:large}#skills{align-items:center;display:flex;flex-direction:column;gap:3rem;justify-content:center;margin:0 auto;max-width:75rem;min-height:calc(100vh - 5rem);padding:4rem 2rem;text-align:center;width:100vw}.aboutIntro{animation:fadeInUp .8s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;margin:0 auto 2rem;max-width:60rem;padding:3rem;transition:all .4s ease;width:100%}.aboutIntro:hover{background:#ffffff14;border-color:#ffc1074d;box-shadow:0 20px 40px #0000004d}.aboutContent{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2.5rem}.profileImage{align-self:flex-start;border:4px solid #ffc1074d;border-radius:50%;box-shadow:0 8px 24px #0006,0 0 0 2px #ffc1071a,inset 0 0 20px #ffc1071a;flex-shrink:0;height:200px;margin-top:3.5rem;object-fit:cover;transition:all .4s ease;width:200px}.profileImage:hover{border-color:#ffc10780;box-shadow:0 12px 32px #ffc1074d,0 0 0 2px #ffc10733,inset 0 0 30px #ffc10726;transform:scale(1.05)}.aboutTextContainer{flex:1 1;min-width:300px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.aboutTitle{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#ffc107);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;margin-top:0;text-shadow:0 0 30px #ffc1074d}.aboutText{color:#e0e0e0;font-size:1.2rem;font-weight:300;letter-spacing:.5px;line-height:1.8;margin:0;max-width:100%;text-align:left}.skillsGrid{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));width:100%}#skills .AppDesign,#skills .UIDesign,#skills .WebDesign{filter:drop-shadow(0 10px 20px rgba(0,0,0,.3));height:200px;object-fit:contain;transition:all .4s ease;width:200px}#skills .AppDesign:hover,#skills .UIDesign:hover,#skills .WebDesign:hover{filter:drop-shadow(0 15px 30px rgba(255,193,7,.4));transform:translateY(-10px) scale(1.1)}#skills h2{color:#fff;font-size:1.5rem;font-weight:600;margin-top:1rem;transition:color .3s ease}#skills h2:hover{color:#ffc107}.skillsContainer{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));width:100%}.skillCard{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;display:flex;flex-direction:column;justify-content:center;min-height:350px;padding:2rem;transition:all .4s ease}.skillCard:hover{background:#ffffff14;border-color:#ffc10780;box-shadow:0 20px 40px #0000004d;transform:translateY(-10px)}.skillCard img{height:150px;margin-bottom:1.5rem;object-fit:contain;transition:all .4s ease;width:150px}.skillCard:hover img{filter:drop-shadow(0 10px 20px rgba(255,193,7,.5));transform:scale(1.15) rotate(5deg)}.skillCard h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0;transition:color .3s ease}.skillCard:hover h2{color:#ffc107}@media screen and (max-width:768px){#skills{gap:2rem;padding:2rem 1rem}.aboutIntro{padding:2rem 1.5rem}.aboutContent{align-items:center;flex-direction:column;gap:2rem;text-align:center}.profileImage{height:180px;width:180px}.aboutTitle{font-size:2rem;margin-bottom:1rem;text-align:center}.aboutText{font-size:1rem;text-align:center}.aboutTextContainer{min-width:100%}.skillsContainer{gap:2rem;grid-template-columns:1fr}.skillCard{min-height:300px;padding:1.5rem}.skillCard img{height:120px;width:120px}.skillCard h2{font-size:1.25rem}}#contactPage{align-items:center;display:flex;flex-direction:column;gap:4rem;justify-content:center;margin:0 auto;max-width:75rem;min-height:calc(100vh - 5rem);padding:4rem 2rem;text-align:center;width:100vw}.contactPageTitle{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#ffc107);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:3rem;font-weight:700;margin-bottom:1.5rem;text-shadow:0 0 30px #ffc1074d}.contactDesc{color:silver;font-size:1.1rem;font-weight:300;line-height:1.8;max-width:600px}.clientImg{margin:auto;min-width:9rem;object-fit:cover;padding:.25rem;transition:transform .3s ease;width:23%}.clientImg:hover{transform:scale(1.1)}#clients{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;max-width:60rem;padding:3rem 2rem;transition:all .3s ease;width:100%}#clients:hover{background:#ffffff0d;border-color:#ffc1074d}.clientDesc{color:#e0e0e0;display:inline-block;font-size:1.1rem;line-height:2;padding:1rem;text-align:left}.clientDesc br{line-height:2.5}#contact{max-width:60rem;width:100%}.contactForm{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;display:flex;flex-direction:column;justify-content:center;margin:2rem auto;max-width:50rem;padding:2rem;transition:all .3s ease;width:100%}.contactForm:hover{background:#ffffff0d;border-color:#ffc1074d}.email,.msg,.name{background:#282828cc;border:2px solid #ffffff1a;border-radius:.75rem;color:#fff;font-family:Poppins,sans-serif;font-size:1rem;margin:.75rem 0;max-width:40rem;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.email:focus,.msg:focus,.name:focus{background:#323232e6;border-color:#ffc107;box-shadow:0 0 20px #ffc10733;outline:none;transform:translateY(-2px)}.email::placeholder,.msg::placeholder,.name::placeholder{color:#888}.msg{min-height:120px;resize:vertical}.msg,.submitBtn{font-family:Poppins,sans-serif}.submitBtn{background:linear-gradient(135deg,#ffc107,#ffb300);border:none;border-radius:.75rem;box-shadow:0 4px 15px #ffc1074d;color:#1a1a1a;cursor:pointer;font-size:1.1rem;font-weight:600;margin:1.5rem 0;padding:1rem 3.5rem;transition:all .3s ease}.submitBtn:hover{background:linear-gradient(135deg,#ffb300,#ffa000);box-shadow:0 6px 20px #ffc10766;transform:translateY(-2px)}.submitBtn:active{transform:translateY(0)}.links{flex-wrap:wrap;gap:1rem;margin-top:2rem}.link,.links{align-items:center;display:flex;justify-content:center}.link{background:#ffffff0d;border-radius:50%;filter:brightness(.8);height:3.5rem;object-fit:cover;padding:.5rem;transition:all .3s ease;width:3.5rem}.link svg{color:#fff;height:100%;width:100%}.link:hover{background:#ffc10733;box-shadow:0 5px 15px #ffc1074d;filter:brightness(1);transform:translateY(-5px) scale(1.1)}@media screen and (max-width:768px){#contactPage{gap:3rem;padding:2rem 1rem}.contactPageTitle{font-size:2rem}.contactDesc{font-size:1rem}.contactForm{padding:1.5rem}.email,.msg,.name{font-size:.95rem;padding:.875rem 1.25rem}.submitBtn{font-size:1rem;padding:.875rem 2.5rem}.link{height:3rem;width:3rem}}.App{min-height:100vh;overflow-x:hidden;position:relative;width:100%}section{scroll-margin-top:5rem;transition:opacity .3s ease}
/*# sourceMappingURL=main.488d20c2.css.map*/