@import url("https://fonts.googleapis.com/css2?family=Anton&display=swap");.MyProjects_Main__7YYYp{position:relative;width:100vw;height:500vh;background-color:#1a1a1a}.MyProjects_LeftProjects__T58MT{position:fixed;top:0;left:0;width:20vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:50px;background-color:#1a1a1a;color:#ffffff;z-index:10;border-right:2px solid #00ff99;font-size:1rem}.MyProjects_ActiveTitle__Akh09{color:#00ff99;transform:scale(1.1);transition:all .3s ease}.MyProjects_ActiveTitle__Akh09,.MyProjects_InactiveTitle__2m2zd{font-family:Anton,sans-serif;font-size:clamp(1rem,1.2vw + .6rem,1.6rem);line-height:1.2;letter-spacing:1px}.MyProjects_InactiveTitle__2m2zd{color:#888;opacity:.6;transition:all .3s ease}.MyProjects_RightProjects__zuA1h{position:fixed;top:0;right:0;margin-left:20vw;width:80vw;height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory;background-color:#353232}.MyProjects_ProjectCard__YnETI{height:100vh;display:flex;justify-content:center;align-items:center;scroll-snap-align:start;background-color:#2a2a2a;position:relative;z-index:1}.MyProjects_CardContent__rRjA3{height:90vh;width:90%;background-color:#1a1a1a;padding:40px;border-radius:12px;box-shadow:0 0 20px rgba(0,255,153,.2);display:flex;flex-direction:row;gap:170px}.MyProjects_CardContentLeft__n4SQo{width:40%;display:flex;justify-content:center;align-items:center}.MyProjects_CardContentRight__pIiEK{width:60%;display:flex;flex-direction:column;justify-content:top;align-items:left;gap:50px}.MyProjects_CardContent__rRjA3 h2{font-family:Anton,sans-serif;font-size:5rem;letter-spacing:3px;font-weight:700;line-height:1.2;color:#00ff99;border-bottom:1px solid #00ff99}.MyProjects_CardContent__rRjA3 p{font-size:1.1rem;color:#ccc}.MyProjects_CardContent__rRjA3 img{width:500px;height:auto;border-radius:8px;object-fit:cover;box-shadow:0 0 10px rgba(255,255,255,.1)}.MyProjects_Tags__yjxKX{display:flex;gap:10px;flex-wrap:wrap}.MyProjects_Tag__Bo0Z7{background-color:#00ff99;color:#1a1a1a;padding:6px 12px;font-size:.9rem;font-weight:700}.MyProjects_Demo__UzIaO a{color:#00ff99;text-decoration:none;font-weight:700;border:2px solid #00ff99;padding:8px 16px;transition:background-color .3s ease}.MyProjects_Demo__UzIaO a:hover{background-color:#00ff99;color:#1a1a1a}@media (max-width:768px){.MyProjects_Main__7YYYp{width:100%;height:auto}.MyProjects_LeftProjects__T58MT{position:static;top:auto;left:auto;width:100%;height:auto;padding:.75rem 1rem;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:16px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;background-color:#1a1a1a;border-right:none;border-bottom:2px solid #00ff99;z-index:5}.MyProjects_ActiveTitle__Akh09,.MyProjects_InactiveTitle__2m2zd{font-size:1rem}.MyProjects_RightProjects__zuA1h{position:static;top:auto;right:auto;margin-left:0;width:100%;height:auto;overflow-y:visible;scroll-snap-type:none;background-color:#353232}.MyProjects_ProjectCard__YnETI{height:auto;scroll-snap-align:none;padding:1rem 0;background-color:#2a2a2a}.MyProjects_CardContent__rRjA3{height:auto;width:100%;padding:1rem;border-radius:12px;box-shadow:0 0 20px rgba(0,255,153,.2);display:flex;flex-direction:column;gap:1.5rem;box-sizing:border-box}.MyProjects_CardContentLeft__n4SQo,.MyProjects_CardContentRight__pIiEK{width:100%;align-items:center}.MyProjects_CardContent__rRjA3 h2{font-family:Anton,sans-serif;font-size:2.4rem;letter-spacing:1px;line-height:1.2;color:#00ff99;border-bottom:1px solid #00ff99;text-align:center;padding-bottom:.5rem}.MyProjects_CardContent__rRjA3 p{font-size:1rem;color:#ccc;line-height:1.6;text-align:center}.MyProjects_CardContent__rRjA3 img{width:100%;max-width:100%;height:auto;border-radius:8px;object-fit:cover;box-shadow:0 0 10px rgba(255,255,255,.1)}.MyProjects_Tags__yjxKX{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.MyProjects_Tag__Bo0Z7{background-color:#00ff99;color:#1a1a1a;padding:5px 10px;font-size:.8rem;font-weight:700}.MyProjects_Demo__UzIaO a{display:inline-block;color:#00ff99;text-decoration:none;font-weight:700;border:2px solid #00ff99;padding:8px 14px;transition:background-color .3s ease;align-self:center}.MyProjects_Demo__UzIaO a:hover{background-color:#00ff99;color:#1a1a1a}}