.navbar{background:linear-gradient(90deg,#1b1b1c,#101010);box-shadow:0 4px 10px #0000001a;height:5rem;justify-content:space-between;padding:.5rem 2rem;position:-webkit-sticky;position:sticky;top:0;width:100vw;z-index:10}.logo-container,.navbar{align-items:center;display:flex}.logo-container{gap:.5rem}.logo{animation:fadeInOut 4s ease-in-out infinite;background-color:#fff;border-radius:50%;box-shadow:0 0 15px #0ffc,0 0 30px #0ff9,0 0 60px #0ff6;height:3.5rem;width:3.5rem}.logo-text{animation:fadeInText 1.5s ease-out;color:#fff;font-size:1.2rem;font-weight:700}.desktopMenu{align-items:center;display:flex;gap:2rem}.desktopMenuListItem{color:#fff;cursor:pointer;font-size:1rem;font-weight:500;position:relative;text-shadow:0 0 5px #00aeff,0 0 10px #00aeff;text-transform:uppercase;transition:color .3s ease;transition:text-shadow .3s ease,color .3s ease}.desktopMenuListItem:hover{color:#00aeff;text-shadow:0 0 5px #00aeff,0 0 10px #00aeff,0 0 20px #00aeff}.desktopMenuListItem:after{background-color:#00aeff;bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease,box-shadow .3s ease;width:0}.desktopMenuListItem:hover:after{box-shadow:0 0 5px #00aeff,0 0 10px #00aeff;width:100%}.desktopmenuimg{height:1rem;object-fit:cover;width:1rem}@keyframes fadeInOut{0%,to{opacity:.2}50%{opacity:1}}@keyframes fadeInText{0%{opacity:0}to{opacity:1}}.desktopmenubtn{background:#111;border:2px solid #00aeff;border-radius:2rem;color:#00aeff;cursor:pointer;font-size:1rem;font-weight:700;margin:1rem 0;padding:.75rem 2rem;text-shadow:0 0 5px #00aeff,0 0 10px #00aeff,0 0 20px #00aeff;transition:transform .3s ease,box-shadow .3s ease,text-shadow .3s ease}.desktopmenubtn:hover{box-shadow:0 0 15px #00aeff,0 0 30px #00aeff,0 0 60px #00aeff;text-shadow:0 0 10px #00aeff,0 0 20px #00aeff,0 0 30px #00aeff;transform:scale(1.1)}@media screen and (max-width:768px){.desktopMenu{display:none}.desktopmenubtn{font-size:.9rem}.logo-text{font-size:1rem}}@media screen and (max-width:480px){.navbar{padding:.5rem 1rem}.logo{height:3rem;width:3rem}}.active{border-bottom:3px solid #00aeff;color:#00aeff;padding-bottom:.5rem}.Mobmenu{display:none;height:1.8rem;object-fit:cover}.Mobmenu:hover{color:#00aeff}.navMenu{background:#282828;border-radius:1rem;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;min-width:15rem;padding:.5rem;position:absolute;right:2rem;top:4rem;z-index:2}.listItem{background:#1e1e1e;color:#fff;margin:.25rem;padding:.5rem 3rem}@media screen and (max-width:720px){.Mobmenu{display:flex}.desktopMenu,.desktopmenubtn{display:none}}#intro{background:linear-gradient(135deg,#0b0b0b,#121213);color:#fff;height:100vh;justify-content:space-between;margin:0 auto;overflow:hidden;padding:2rem;width:100vw}#intro,.profile-container{align-items:center;display:flex;position:relative}.profile-container{flex-shrink:0;justify-content:center}.profile-container img{border-radius:50%;box-shadow:0 0 10px #00aeff,0 0 20px #00aeff,0 0 30px #00aeff,0 0 40px #00aeff;height:300px;transition:box-shadow .3s ease-in-out;width:300px}.bg{animation:float 4s ease-in-out infinite;background:#fff;border-radius:50%;box-shadow:0 10px 20px #00000026;height:16rem;object-fit:cover;overflow:hidden;width:16rem}@keyframes neonGlow{0%{text-shadow:0 0 5px #00aeff,0 0 10px #00aeff,0 0 15px #00aeff,0 0 20px #00aeff,0 0 25px #00aeff,0 0 30px #00aeff,0 0 35px #00aeff}50%{text-shadow:0 0 10px #00aeff,0 0 20px #00aeff,0 0 30px #00aeff,0 0 40px #00aeff,0 0 50px #00aeff,0 0 60px #00aeff,0 0 70px #00aeff}to{text-shadow:0 0 5px #00aeff,0 0 10px #00aeff,0 0 15px #00aeff,0 0 20px #00aeff,0 0 25px #00aeff,0 0 30px #00aeff,0 0 35px #00aeff}}.introcontent{animation:fadeIn 1.5s ease forwards;max-width:40rem;text-align:left}.hello{animation:slideInLeft 1s ease forwards;animation:neonGlow 1.5s ease-in-out infinite alternate;color:#fff;font-size:2rem;font-weight:100}.introname{color:#00aeff}.introText{animation:neonGlow 1.5s ease-in-out infinite alternate;color:#fff;font-size:2.5rem;font-weight:700}.intropara{animation:fadeIn 2s ease forwards;animation-delay:.5s;color:#fff;font-size:1.1rem;font-weight:100;line-height:1.5;margin-top:1rem}.btn{background:#111;border:2px solid #00aeff;border-radius:2rem;color:#00aeff;cursor:pointer;font-size:1rem;font-weight:700;margin:1rem 0;padding:.75rem 2rem;text-shadow:0 0 5px #00aeff,0 0 10px #00aeff,0 0 20px #00aeff;transition:transform .3s ease,box-shadow .3s ease,text-shadow .3s ease}.btn:hover{box-shadow:0 0 15px #00aeff,0 0 30px #00aeff,0 0 60px #00aeff;text-shadow:0 0 10px #00aeff,0 0 20px #00aeff,0 0 30px #00aeff;transform:scale(1.1)}.btnimg{height:1rem;margin-right:.5rem;object-fit:cover}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.desktopintromenubtn{background:#111;border:2px solid #00aeff;border-radius:2rem;color:#00aeff;cursor:pointer;font-size:1rem;font-weight:700;margin:1rem 0;padding:.75rem 2rem;text-shadow:0 0 5px #00aeff,0 0 10px #00aeff,0 0 20px #00aeff;transition:transform .3s ease,box-shadow .3s ease,text-shadow .3s ease}.desktopintromenubtn :hover{box-shadow:0 0 15px #00aeff,0 0 30px #00aeff,0 0 60px #00aeff;text-shadow:0 0 10px #00aeff,0 0 20px #00aeff,0 0 30px #00aeff;transform:scale(1.1)}.desktopmenuimg{filter:drop-shadow(0 0 5px #00aeff);height:20px;transition:filter .3s ease;width:20px}.desktopintromenubtn:hover .desktopmenuimg{filter:drop-shadow(0 0 10px #00aeff)}@media screen and (max-width:740px){#intro{align-items:center;flex-direction:column-reverse;gap:1rem;justify-content:center;padding:1rem 0}.introcontent{font-size:1.2rem;margin-top:3rem;text-align:center}.profile-container{margin-bottom:1rem}.bg{height:12rem;width:12rem}.desktopintromenubtn{display:inline}}@media screen and (max-width:480px){.hello,.introText{font-size:1.5rem}.bg{height:10rem;width:10rem}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes wave{0%{transform:rotate(0deg)}25%{transform:rotate(-15deg)}50%{transform:rotate(10deg)}75%{transform:rotate(-10deg)}to{transform:rotate(0deg)}}.animate-slideInLeft{animation:slideInLeft 1s ease-out}.animate-fadeIn{animation:fadeIn 1.5s ease-out}.animate-slideUp{animation:slideUp 1.2s ease-out}.wave{animation:wave 2s ease-in-out infinite;display:inline-block}#skills{align-items:center;background:linear-gradient(135deg,#0b0b0b,#121213);display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:65rem;overflow:hidden;text-align:center;width:100vw}.sectionTitle{color:#00aeff;font-size:2.5rem;font-weight:700;letter-spacing:2px;margin-bottom:1.5rem;text-align:center;text-transform:uppercase;z-index:1}.sectionDesc{color:#fff;font-size:1.2rem;font-weight:400;line-height:1.6;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.sectionDesc:hover{color:#fff;transition:color .3s ease}.skillsTabs{margin:3rem 0;text-align:center}.tabs{display:flex;justify-content:center;margin-bottom:3rem}.tabButton{background:#1c1c1c;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:1.1rem;margin:0 1rem;padding:.75rem 1.5rem;position:relative;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}.tabButton.active{background:#00aeff;box-shadow:0 0 8px #00aeff,0 0 20px #00aeff;color:#fff;transform:scale(1.1)}.tabButton:hover{background:#005bb5;box-shadow:0 0 8px #005bb5,0 0 15px #005bb5;transform:scale(1.05)}.tabButton:focus{box-shadow:0 0 8px #00aeff,0 0 12px #00aeff;outline:none}@media screen and (max-width:768px){.tabs{display:flex;overflow-x:auto;padding:0 1rem;white-space:nowrap}.tabButton{flex:0 0 auto;font-size:1rem;margin:0 .5rem;padding:.5rem 1rem}}@media screen and (max-width:480px){.tabButton{font-size:.9rem;margin:.5rem .25rem;padding:.5rem .75rem}}.skillsGrid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1200px;padding:0 1rem;text-align:center;width:100%}.skillCard{align-items:center;background:#1c1c1c;background-clip:padding-box;border:2px solid #00aeff;border-radius:1rem;box-shadow:0 4px 10px #0003;display:flex;flex-direction:column;height:250px;justify-content:center;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}.skillIcon{height:80px;margin-bottom:1.5rem;transition:transform .3s ease;width:80px}.skillName{color:#fff;font-size:1.2rem;font-weight:600;transition:color .3s ease}.skillCard:hover .skillIcon{transform:scale(1.1)}.skillCard:hover .skillName{color:#00aeff}@media screen and (max-width:768px){.skillsGrid{gap:1rem;grid-template-columns:1fr;max-width:90%;padding:0 1rem;width:100%}.skillCard{background-color:initial;border:none;height:auto;margin:0 auto;max-height:300px;max-width:90%;padding:1.5rem}.skillIcon{height:60px;width:60px}.skillName{font-size:1rem}}@media screen and (max-width:480px){.skillsGrid{grid-template-columns:1fr;max-width:100%;padding:0 1rem}.skillCard{background-color:initial;border:none;height:auto;max-width:95%;padding:1rem}.skillIcon{height:50px;width:50px}.skillName{font-size:.9rem}}.workExperience{align-items:center;display:flex;flex-direction:column;margin-top:3rem;text-align:center;width:100%}.workCards{grid-gap:2rem;animation:slideIn .8s ease-out forwards;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-content:center;margin-top:2rem;opacity:1;width:80%}.workCard{background:#1c1c1c;background-clip:padding-box;border:2px solid #00aeff;border-radius:1rem;box-shadow:0 4px 10px #0003;padding:1.5rem;text-align:center;transition:box-shadow .3s ease}.workCard:hover{box-shadow:0 8px 20px #0006;transform:translateY(-10px)}@keyframes slideIn{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}.workTitle{color:#00aeff;font-size:1.5rem;margin-bottom:.5rem}.workDuration{color:#bbb;font-size:1rem;margin-bottom:1rem}.workDescription{color:#ddd;font-size:1rem;line-height:1.5}.project-title{color:#00aeff;font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center;width:100%}#project-container{animation:backgroundMove 8s ease infinite;background:linear-gradient(135deg,#0b0b0b,#121213);background-size:400% 400%;box-sizing:border-box;color:#fff;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:0 auto;max-width:1200px;padding:40px;position:relative}.project-card:nth-child(odd){animation-delay:.2s}.project-card:nth-child(2n){animation-delay:.4s}.project-card:hover{box-shadow:0 8px 16px #0000004d}.project-card h2{color:#3f51b5;font-size:1.5rem;margin-bottom:15px;text-align:center}.project-card ul{list-style:none;padding:0}.project-card ul li{color:#555;font-size:.95rem;line-height:1.6;margin-bottom:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes backgroundMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){#project-container{padding:20px}.project-card{width:100%}}.project-card{background-clip:padding-box;background-color:#1c1c1c;border:2px solid #00aeff;border-radius:10px;box-shadow:0 4px 10px #0003;overflow:hidden;padding:1.5rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:300px}.project-card:hover{box-shadow:0 8px 20px #0006;transform:translateY(-10px)}.project-image{border-radius:5px;height:180px;object-fit:cover;width:100%}h3{color:#00aeff;font-size:1.5rem;margin:1rem 0 .5rem}p{color:#bbb;font-size:.9rem;margin-bottom:1rem}.github-button{align-items:center;background-color:#333;border:none;border-radius:5px;box-shadow:0 0 10px #00aeff,0 0 20px #00aeff,0 0 30px #00aeff;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;text-shadow:0 0 5px #00aeff,0 0 10px #00aeff,0 0 15px #00aeff}.github-logo{height:20px;width:20px}.social-sidebar{align-items:center;display:flex;flex-direction:column;gap:20px;position:fixed;right:0;top:50%;transform:translateY(-50%)}.social-sidebar a{display:block}.social-icon{height:40px;transition:transform .3s;width:40px}.social-icon:hover{transform:scale(1.1)}#contactPage{background:linear-gradient(135deg,#0b0b0b,#121213);height:100vh;text-align:center;width:100vw}#contactPage,.contact{align-items:center;display:flex;justify-content:center}.contact{flex-direction:column;max-width:60rem;width:90vw}.contactPageTitle{color:#00aeff;font-size:3rem;margin-bottom:1rem}.contactDesc{font-size:medium;font-weight:300;padding:1rem}.contactForm{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.email,.msg,.name{background:#141414;border:2px solid #00aeff;border-radius:.5rem;box-shadow:0 0 10px #00aeff,0 0 20px #00aeff;color:#fff;font-size:medium;margin:.5rem;max-width:40rem;outline:none;padding:.75rem 1rem;transition:.1s ease-in-out;width:100%}.email:focus,.msg:focus,.name:focus{box-shadow:0 0 15px #00aeff,0 0 25px #00aeff}.submitBtn{background:#00aeff;border:none;border-radius:.5rem;box-shadow:0 0 10px #00aeff,0 0 20px #00aeff;color:#000;cursor:pointer;font-size:1rem;font-weight:700;margin:1rem;padding:.75rem 3.5rem;text-transform:uppercase;transition:.3s ease-in-out}.submitBtn:active{box-shadow:0 0 20px #00aeff,0 0 30px #00aeff;transform:scale(.98)}.links{align-items:center;display:flex;justify-content:center;margin-top:1rem}.link{cursor:pointer;height:3rem;margin:0 .75rem;object-fit:cover;width:3rem}.footer{align-items:center;background:#282828;display:flex;font-size:small;font-weight:300;height:2rem;justify-content:center;width:100vw}
/*# sourceMappingURL=main.c9674807.css.map*/