:root{--NAV_mainColor: hsla(0, 0%, 80%, 0);--NAV_side1Color: hsla(0, 0%, 80%, 0);--NAV_side2Color: hsl(0, 0%, 80%, 0);--NAV_BorderColor: hsl(0, 0%, 80%, 0);--Hero_Color1: hsl(268, 100%, 74%);--Hero_Color2: hsl(180, 100%, 59%);--theme_backgroundColor_Deepest: hsl(0, 0%, 16%);--theme_backgroundColor_Deep: hsl(0, 0%, 20%);--theme_backgroundColor_Front: hsl(0, 0%, 28%);--theme_backgroundColor_Deepest_opp: hsl(0, 0%, 70%);--theme_backgroundColor_Deep_opp: hsl(0, 0%, 75%);--theme_backgroundColor_Front_opp: hsl(0, 0%, 80%);--theme_ParaText_color: hsl(0, 0%, 85%);--theme_HeadingText_color: hsl(0, 0%, 95%);--theme_ParaText_color_opp: hsl(0, 0%, 15%);--theme_HeadingText_color_opp: hsl(0, 0%, 5%);--theme_Light_shadow_color: hsla(0, 0%, 90%, .8);--theme_Dark_shadow_color: hsl(0, 0%, 0%)}*{margin:0;padding:0;scrollbar-width:thin}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow-x:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.footer{margin:10vh auto 0;padding:16px 24px;width:90vw;height:max-content;background-color:var(--theme_backgroundColor_Front)}.contact_link{display:flex;justify-content:center;align-items:center;width:max-content;font-size:1.2rem;color:var(--theme_ParaText_color);text-decoration:none}.contact_link:hover .contactLogos{filter:saturate(1);transition:all .15s ease-in-out}.contact_link:hover{transform:scale(1.15) translateY(-3px);transition:all .15s ease-in-out}.contact_link:active{color:var(--Hero_Color2);text-decoration:none}.contactLogos{width:40px;padding:12px;filter:saturate(0)}.contactLogo_text{font-weight:900px}.footerSubDiv{display:flex;justify-content:center;align-items:center;width:100%;height:max-content}.footerSubDiv_text{width:50%;padding:5%;text-align:start;font-weight:900;height:100%;font-size:4rem}.other_contacts{width:50%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.footer_text{width:max-content;margin:8px auto;font-size:1.2rem;opacity:40%;color:var(--theme_ParaText_color)}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes rotate{0%{--angle: 0deg}to{--angle: 360deg}}.navbar{position:fixed;top:24px;padding:8px 32px;width:80%;max-width:900px;z-index:1;display:flex;align-self:center;justify-self:center;flex-direction:row;justify-content:space-between;color:var(--theme_ParaText_color);border-radius:40px}.navbarAfterScroll{border:4px solid var(--theme_backgroundColor_Front);overflow:hidden;background-color:#3333;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.navbarAfterScroll:after{content:"";position:absolute;top:0;left:-100px;width:300px;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.234),transparent);transform:skew(-45deg);animation:shine 6s infinite;pointer-events:none}@keyframes shine{0%{left:-100%}33%{left:-100%}to{left:100%}}.Portfolio_navText{font-size:1.7rem;color:var(--theme_HeadingText_color)}.list_container{display:flex;align-items:center;list-style:none;gap:24px}.gridImg{top:0;left:0;width:100vw;height:100vh;position:fixed;z-index:-100;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;background:var(--theme_backgroundColor_Deepest)}.intro_text{display:flex;position:fixed;height:40vh;min-width:700px;max-width:760px;justify-self:center;justify-content:center;align-items:center;flex-direction:column;color:var(--theme_ParaText_color);font-size:1.1rem;font-weight:700;text-align:center;margin:20vh 0;gap:1vh;line-height:80px}.MyName{color:var(--theme_HeadingText_color);font-size:5rem;font-weight:900;text-shadow:5px 5px 2px hsl(0,0%,15%)}.front_endText{display:inline-block;font-size:3rem;font-weight:900;background:linear-gradient(90deg,var(--Hero_Color1),var(--Hero_Color2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.FullStack_endText{position:relative;display:inline-block;font-weight:700;font-size:3.5rem;font-weight:900;background-color:var(--theme_backgroundColor_Deepest);color:var(--theme_HeadingText_color)}.FullStack_endText:before{content:"";position:absolute;top:-4px;left:-4px;width:100%;height:100%;padding:4px;z-index:-90;background:conic-gradient(from var(--angle),transparent,transparent,transparent,transparent,transparent,var(--Hero_Color1),var(--Hero_Color2));animation:rotate 2s linear infinite;border-radius:2px}.handPng{width:100px;height:100px;display:none;position:fixed;top:85%;left:85%;z-index:200}.visible{display:block}.aboutSection{display:flex;justify-self:center;align-items:center;flex-direction:row;position:static;margin:calc(100vh - 40px) 0 10vh 0;width:90vw;max-width:1600px}.PhotoDiv{display:flex;width:360px;height:100%;justify-content:center;align-items:center}.My_Photo{overflow:hidden;background-repeat:no-repeat;background-size:cover;width:360px;filter:drop-shadow(2px -2px 8px var(--theme_Light_shadow_color))}.textDiv{display:flex;flex-direction:column;justify-content:center;width:90%;margin:0 2% 0 1.5%;padding:2% 5%;color:var(--theme_ParaText_color);background-color:#4747474d;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-radius:20px}.title{display:inline-block;font-size:3.5rem;font-weight:700;background:linear-gradient(90deg,var(--Hero_Color1),var(--Hero_Color2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 auto 15px}.subtitle{width:390px;display:inline-block;margin:30px 0 15px;font-size:1.6rem;font-weight:700;color:var(--Hero_Color1);background:linear-gradient(90deg,var(--Hero_Color2),var(--Hero_Color1));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.highlight{display:inline-block;font-weight:900;color:var(--theme_HeadingText_color)}.aboutPara{margin:2px 0;font-weight:500;color:var(--theme_ParaText_color_);background-color:#47474726;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(20px);border-radius:20px;padding:4px 4%}.skillForYou_text{font-weight:300;font-size:1.2rem}.skill_heading{width:150px;display:inline-block;margin:30px auto 15px;text-align:center}.about_Skills_container{width:100%;max-width:1200px;height:100px;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.skills_track{display:flex;gap:2rem;position:absolute;left:0;top:50%;transform:translateY(-50%);width:max-content;cursor:grab}.skills_track:active{cursor:grabbing}.skill{width:150px;height:100px;border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 4px 15px #0000004d;border:1px solid #333;transition:transform .2s,background-color .2s;pointer-events:none;color:var(--theme_ParaText_color);background-color:#47474799;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(10px);will-change:transform}.skill_logo{width:auto;height:70%}@keyframes autoScroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.project_section{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:115vh;position:relative;overflow:hidden;perspective:1200px}.project_space{position:relative;top:-8%;width:255px;height:340px;transform-style:preserve-3d;transition:transform 1s ease-in-out;transform:rotateX(-10deg) rotateY(0)}.project_space.animate-spin{animation:autoRun 25s linear infinite}.project_space:hover{animation-play-state:paused}@keyframes autoRun{0%{transform:rotateX(-10deg) rotateY(0)}to{transform:rotateX(-10deg) rotateY(360deg)}}.Project_card{position:absolute;inset:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;padding:12px 16px;background:radial-gradient(circle at 100% 100%,var(--Hero_Color2),var(--theme_backgroundColor_Front),transparent,var(--theme_backgroundColor_Deep),var(--theme_backgroundColor_Deepest));box-shadow:-1px -1px 8px var(--theme_Light_shadow_color),2px 2px 6px var(--Hero_Color1);border-radius:16px;border:4px solid var(--theme_backgroundColor_Front);transition:transform 1.8s ease-in-out;backface-visibility:visible}.projectName{font-size:1.5rem;font-weight:900;color:var(--theme_ParaText_color);text-shadow:2px 2px 4px var(--Hero_Color2),-2px -2px 4px var(--Hero_Color1);text-align:center;margin:0}.project_img{width:90%;height:140px;object-fit:contain;background:#ffffff0d;border-radius:8px}.skillTag_container{width:100%;display:flex;justify-content:center;flex-wrap:wrap;gap:6px;padding:0;list-style:none}.skillTag{font-size:.8rem;padding:4px 10px;background:linear-gradient(90deg,var(--theme_backgroundColor_Deep),var(--Hero_Color1));color:var(--theme_HeadingText_color);border-radius:20px;border:1px solid var(--theme_Light_shadow_color)}.project_link_container{display:flex;justify-content:space-between;width:100%;margin-top:5px;list-style:none}.project_link{width:50%;display:flex;justify-content:center;align-items:center;padding:8px 10px;font-size:.9rem;color:var(--theme_HeadingText_color);cursor:pointer;transition:all .5s ease-in-out;text-decoration:none}.githubLink:hover{transform:translateY(-4px),scale(1.05);background-color:var(--Hero_Color2);color:var(--theme_HeadingText_color_opp)}.liveLink:hover{transform:translateY(-4px),scale(1.05);background-color:var(--Hero_Color1);color:var(--theme_HeadingText_color_opp)}.project_title{position:absolute;top:0%;z-index:10;padding:12px 20px;text-align:center;width:500px;color:var(--Hero_Color1);font-weight:900;font-size:1.7rem;background-color:var(--theme_backgroundColor_Deep);border-radius:40px 100px;border:4px solid var(--theme_backgroundColor_Deepest);box-shadow:inset -3px -3px 10px var(--theme_Dark_shadow_color),inset 4px 4px 10px var(--theme_Light_shadow_color)}.project_button{position:absolute;top:82%;padding:10px 30px;background-color:var(--Hero_Color1);color:#fff;border:none;border-radius:30px;font-size:1.2rem;font-weight:700;cursor:pointer;z-index:20;transition:opacity .5s ease}.hidden{opacity:0;pointer-events:none}.contactPage{position:relative;display:flex;justify-self:center;align-items:center;flex-direction:column;gap:15px;padding:0 20px 44px;width:80vw;height:max-content;background-color:var(--theme_backgroundColor_Deep);border-radius:20px;box-shadow:inset -8px -8px 20px var(--theme_Dark_shadow_color),inset 8px 8px 20px var(--theme_Light_shadow_color);overflow-x:hidden}.contactTitle{color:var(--Hero_Color1);align-self:flex-start;background-color:var(--theme_backgroundColor_Front);border-radius:16px;padding:12px 20px;margin:6% 10%;box-shadow:inset -2px -2px 4px var(--theme_Dark_shadow_color),inset 4px 4px 8px var(--theme_Light_shadow_color),2px 2px 8px var(--theme_Dark_shadow_color)}.contactForm{display:flex;justify-content:center;flex-direction:column;align-items:center}.sub_1_Container{width:100%;height:40%;height:max-content;display:flex;justify-content:center;align-items:center;gap:30px}.Contentlogo{width:35%;height:100%;background-color:var(--theme_backgroundColor_Front);border-radius:50%;padding:12px;box-shadow:inset -2px -2px 4px var(--theme_Dark_shadow_color),inset 4px 4px 8px var(--theme_Light_shadow_color),2px 2px 8px var(--theme_Dark_shadow_color);object-fit:cover}.sub_1Text_Container{width:50%;height:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:12px}.inputArea{width:100%;display:inline-block;padding:15px;background-color:var(--theme_backgroundColor_Deepest);color:var(--theme_ParaText_color);font-size:"16px";border-radius:10px;box-shadow:inset -2px -2px 4px var(--theme_Light_shadow_color),inset 4px 4px 8px var(--theme_Dark_shadow_color);border:2px solid var(--theme_backgroundColor_Deep)}.mainText_container{width:90%;resize:vertical;box-sizing:border-box;margin:20px auto;scrollbar-width:none}.ContentButton{background-color:var(--Hero_Color1);padding:16px 24px;width:max-content;margin:0 auto;border-radius:12px;border:2px solid var(--theme_backgroundColor_Deep);box-shadow:inset 4px 4px 6px var(--theme_Light_shadow_color),inset -2px -2px 6px var(--theme_Dark_shadow_color),4px 4px 12px var(--theme_Dark_shadow_color)}