.about-me-page-container,body{background-color:var(--background-color)}.about-me-page-container{height:100vh;display:flex;flex-direction:column;color:white}.header{width:100%;text-align:center;margin:50px auto;color:var(--primary-color)}.about-me-content-container{position:relative;display:flex;justify-content:space-evenly;flex-direction:row;width:100%}.about-me-left-side{width:15%;top:10%;height:90vh;padding-left:20px}.about-me-left-side,.sticky-container{position:-webkit-sticky;position:sticky}.sticky-container{top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.tracker-item{font-size:1.2rem;cursor:pointer;transition:color .3s ease;color:#929090;padding:10px}.tracker-item.active{font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.tracker-item.active,.tracker-item:hover{color:var(--primary-color)}.about-me-right-side{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:85%}@media (max-width:768px){.about-me-content-container{flex-direction:column}.about-me-right-side{width:100%}.header h1{font-size:2rem}.about-me-left-side{display:none}}.hobby-card{width:70%;margin:30px auto;font-family:Inter,sans-serif;display:flex;flex-direction:column}.hobby-card,.image-title{color:var(--primary-color)}.image-title{font-weight:800;font-size:2rem;margin-bottom:12px}.image-wrapper{position:relative;overflow:hidden;width:100%;aspect-ratio:16/9;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.1)}.image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;display:block}.image-wrapper:hover img{transform:scale(1.05)}.image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(15,15,15,.75);color:#fff;opacity:0;display:flex;justify-content:center;align-items:center;padding:20px;font-size:1.1rem;font-weight:600;text-align:center;transition:opacity .3s ease;pointer-events:none}.image-wrapper:hover .image-overlay{opacity:1}.image-overlay p{max-width:85%}.hobby-description,.image-overlay p{font-size:1.2rem;line-height:1.6;color:var(--primary-color)}.hobby-description{margin-bottom:70px}@media (max-width:768px){.hobby-card{width:92%;margin:20px auto}.image-title{font-size:1.4rem;text-align:center}.image-wrapper{aspect-ratio:4/3}.image-wrapper:hover img{transform:none}.image-overlay{opacity:1;background:rgba(15,15,15,.6);pointer-events:auto;padding:12px}.image-overlay p{font-size:1rem;line-height:1.4}.hobby-description{font-size:1rem;text-align:center;padding:0 10px}}