.navbar{align-items:center;background:#1e1e1e;display:flex;height:8vh;justify-content:space-between;margin:0 auto;max-width:75rem;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;width:100vw;z-index:3}.logo{height:3rem;object-fit:cover;width:4rem}.desktopMenuListItem{cursor:pointer;font-size:16px;margin:1rem}.desktopMenuListItem:hover{border-bottom:3px solid #ff0;color:#ff0;padding-bottom:.5rem}.desktopMenuBtn{align-items:center;background:#fff;border:none;border-radius:2rem;color:#000;display:flex;justify-content:center;padding:0 1rem}.desktopMenuImg{height:1rem;margin:1rem;object-fit:cover;width:1rem}.active{border-bottom:3px solid #ff0;color:#ff0;padding-bottom:.5rem}.mobMenu{display:none;height:1.8rem;object-fit:cover}.navMenu{background:#282828;border-radius:1rem;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-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{display:none}.desktopMenuListItem{font-size:20px}.desktopMenuBtn{display:none}}#intro{background:#1e1e1e;box-sizing:border-box;color:#f8f9fa;flex-direction:column;font-family:Arial,sans-serif;height:90vh;justify-content:center;padding:0 1rem}#intro,.profile{align-items:center;display:flex}.profile{flex-direction:row;gap:20px}.profileImageContainer{background:linear-gradient(135deg,#444,#222);border-radius:50%;box-shadow:0 4px 10px rgba(0,0,0,.5);padding:5px}.profileImage{border-radius:50%;height:280px;object-fit:cover;width:280px}.introContent{margin:0;max-width:600px;text-align:left}h1{font-size:2rem;font-weight:700;margin:0}.highlightName{color:#3498db}.wave{font-size:1.5rem}h2{color:#ccc;font-size:1.25rem;margin:20px 0 10px}.details{color:#bbb;font-size:1rem;line-height:1.8;list-style:none;margin:20px 0;padding:0}.socialLinks{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.socialIcon{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);height:40px;transition:-webkit-transform .3s ease,-webkit-filter .3s ease;transition:transform .3s ease,filter .3s ease;transition:transform .3s ease,filter .3s ease,-webkit-transform .3s ease,-webkit-filter .3s ease;width:40px}.socialIcon:hover{-webkit-filter:brightness(.8);filter:brightness(.8);-webkit-transform:scale(1.1);transform:scale(1.1)}body{overflow-x:hidden}@media screen and (max-width:720px){.profile{align-items:center;flex-direction:column}.introContent{text-align:center}.profileImage{height:240px;width:240px}h1{font-size:1.8rem}h2{font-size:1.2rem}.socialIcon{height:35px;width:35px}}@media screen and (max-width:480px){.profileImage{height:200px;width:200px}h1{font-size:1.6rem}h2{font-size:1rem}.details{font-size:.9rem}.socialIcon{height:30px;width:30px}}.button{--main-focus:#2d8cf0;--font-color:#dedede;--bg-color-sub:#222;--bg-color:#323232;--main-color:#dedede;align-items:center;background-color:var(--bg-color);border:2px solid var(--main-color);border-radius:10px;box-shadow:4px 4px var(--main-color);cursor:pointer;display:flex;height:40px;overflow:hidden;position:relative;width:150px}.button,.button__icon,.button__text{transition:all .3s}.button .button__text{color:var(--font-color);font-weight:600;-webkit-transform:translateX(21px);transform:translateX(21px)}.button .button__icon{align-items:center;background-color:var(--bg-color-sub);display:flex;height:100%;justify-content:center;position:absolute;-webkit-transform:translateX(109px);transform:translateX(109px);width:39px}.button .svg{fill:var(--main-color);width:20px}.button:hover{background:var(--bg-color)}.button:hover .button__text{color:transparent}.button:hover .button__icon{-webkit-transform:translateX(0);transform:translateX(0);width:148px}.button:active{box-shadow:0 0 var(--main-color);-webkit-transform:translate(3px,3px);transform:translate(3px,3px)}:root{--bg-color:#1e1e1e;--card-bg:#2a2a2a;--accent-color:#007bff;--text-primary:#fff;--text-secondary:#d1d1d1;--tag-bg:#3a3a3a}#new-skills{align-items:center;background-color:#1e1e1e;background-color:var(--bg-color);display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:4rem 1rem;text-align:center;width:100%}.newSkillTitle{color:#fff;color:var(--text-primary);font-size:3rem;font-weight:700;margin-bottom:1.5rem;position:relative}.newSkillTitle:after{background:#007bff;background:var(--accent-color);border-radius:2px;content:"";display:block;height:4px;margin:10px auto 0;width:60px}.newSkillDesc{color:#d1d1d1;color:var(--text-secondary);font-size:1.1rem;font-weight:400;line-height:1.6;margin-bottom:4rem;max-width:50rem}.newSkillCards{display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:center;max-width:75rem;width:100%}.newSkillCard{background:#2a2a2a;background:var(--card-bg);border:1px solid hsla(0,0%,100%,.05);border-radius:1.5rem;box-shadow:0 10px 30px rgba(0,0,0,.3);display:flex;flex-direction:column;max-width:22rem;padding:2.5rem 2rem;text-align:left;transition:all .3s ease-in-out;width:100%}.newSkillCard:hover{border-color:#007bff;border-color:var(--accent-color);box-shadow:0 20px 40px rgba(0,0,0,.4);-webkit-transform:translateY(-10px);transform:translateY(-10px)}.cardHeader{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.newSkillCardImg{-webkit-filter:drop-shadow(0 0 5px hsla(0,0%,100%,.1));filter:drop-shadow(0 0 5px rgba(255,255,255,.1));height:3.5rem;object-fit:contain;width:3.5rem}.newSkillCard h2{color:#fff;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.skillTags{display:flex;flex-wrap:wrap;gap:.8rem}.skillTag{background-color:#3a3a3a;background-color:var(--tag-bg);border:1px solid transparent;border-radius:50px;color:#d1d1d1;color:var(--text-secondary);font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:background .3s}.newSkillCard:hover .skillTag{background-color:rgba(0,123,255,.1);border-color:rgba(0,123,255,.3);color:#fff}@media screen and (max-width:1024px){.newSkillCards{justify-content:center}}@media screen and (max-width:768px){.newSkillTitle{font-size:2.5rem}.newSkillDesc{font-size:1rem;padding:0 1.5rem}.newSkillCard{align-items:flex-start;max-width:90%}}@media screen and (max-width:480px){.newSkillTitle{font-size:2rem}.cardHeader{align-items:flex-start;flex-direction:column;gap:.5rem}.newSkillCardImg{height:3rem;width:3rem}.skillTag{font-size:.8rem;padding:.4rem .8rem}}#education-experience{background:#323232;border-radius:.5rem;margin:2rem auto;max-width:65rem;padding:1.5rem 2rem;text-align:left;width:100vw}.sectionTitle{color:#ff0;font-size:2rem;font-weight:400;margin-bottom:1rem;text-align:center}.edu-section,.exp-section{background:hsla(0,1%,64%,.1);border:1px solid hsla(0,3%,61%,.2);border-radius:.5rem;margin-bottom:2rem;padding:1rem}.eduItem,.expItem{margin-bottom:1.5rem}.eduItem h3,.expItem h3{font-size:1.5rem;font-weight:200}.eduItem p,.expItem p{font-size:1rem;font-weight:100;margin-top:.25rem}@media screen and (max-width:720px){.sectionTitle{font-size:2rem}.eduItem h3,.expItem h3{font-size:1.5rem}.eduItem p,.expItem p{font-size:.9rem}}@media screen and (max-width:480px){.sectionTitle{font-size:1.8rem}.eduItem h3,.expItem h3{font-size:1.3rem}.eduItem p,.expItem p{font-size:.8rem}}hr{background-color:#ff0;height:3px;margin-bottom:5px}#works{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:60rem;min-height:calc(100vh - 4rem);padding:0 1rem;text-align:center;width:100vw}.worksTitle{font-size:3rem;margin:1rem 0}.worksDesc{font-size:1rem;font-weight:300;margin-bottom:2rem;max-width:45rem}.worksImgs{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;max-width:65rem;width:100%}.workItem{background:#f9f9f9;border-radius:1rem;box-shadow:0 4px 8px rgba(0,0,0,.1);max-width:20rem;padding:1.5rem;text-align:center;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.workItem:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.projectTitle{color:#3a3737;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.worksImg{border-radius:.5rem;height:12rem;margin-bottom:1rem;object-fit:cover;width:100%}.techStack{color:#666;font-size:.9rem;margin-bottom:1rem}.workLinks{display:flex;justify-content:space-around;margin-top:1rem}.workBtn{background-color:#fff;border:1px solid #ccc;border-radius:.5rem;color:#000;font-size:.9rem;font-weight:500;margin:5px;padding:.5rem 1.5rem;text-decoration:none;transition:background-color .3s ease}.workBtn:hover{background-color:#f0f0f0}.worksBtn{background:#fff;border:none;border-radius:2rem;cursor:pointer;font-size:1rem;margin:3rem 0;padding:.5rem 2.5rem}@media screen and (max-width:545px){.worksImg{height:40vw}.workItem{max-width:90%}}#contactsPage{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:65rem;overflow:hidden;text-align:center;width:100vw}.contactPageTitle{font-size:3rem;font-weight:600;margin-bottom:1rem;margin-top:2rem;padding-top:.5rem}.contactDesc{font-size:medium;font-weight:300;padding:1rem}.contactForm{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:1rem;max-width:60rem;width:90vw}.email,.msg,.name{background:#282828;color:#fff;font-size:medium;margin:.5rem;max-width:40rem;padding:.5rem 1rem;width:100%}.email,.msg,.name,.submitBtn{border:none;border-radius:.5rem}.submitBtn{background:#fff;margin:2rem;padding:.75rem 3.5rem}.links{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.socialIcon{height:3rem;margin:0 .75;object-fit:cover;width:3rem}.BG{background:#0077b5}.Btn:hover .svgContainer{background-color:hsla(0,0%,75%,.466);border:1px solid hsla(0,0%,85%,.466)}.Btn{border:none;border-radius:7px;cursor:pointer;height:45px;position:relative;width:45px}.Btn,.svgContainer{align-items:center;background-color:initial;display:flex;justify-content:center;transition:all .3s}.svgContainer{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);border:1px solid hsla(0,0%,61%,.466);border-radius:10px;letter-spacing:.8px}.BG,.svgContainer{height:100%;width:100%}.BG{background:#181818;border-radius:10px;content:"";pointer-events:none;position:absolute;transition:all .3s;z-index:-1}.Btn:hover .BG{-webkit-transform:rotate(35deg);transform:rotate(35deg);-webkit-transform-origin:bottom;transform-origin:bottom}.Btn:hover .svgContainer{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:hsla(0,0%,61%,.466)}.footer{align-items:center;background:#282828;display:flex;font-size:small;font-weight:300;height:2rem;justify-content:center;width:100vw}
/*# sourceMappingURL=main.ea4dfee8.css.map*/