:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Arial,Helvetica,sans-serif}.about-me-header{position:relative;width:100%;height:100vh;overflow:hidden}.slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1s ease;background-image:linear-gradient(to bottom,#0006,#0003),var(--img);background-attachment:fixed}.slide.active{opacity:1}.header-text{font-family:Arial;position:fixed;top:50%;left:60%;transform:translate(-50%,-50%);text-shadow:2px 2px 4px rgba(0,0,0,.4);color:#fff;font-size:2rem;font-weight:700}.arrow-container{position:fixed;bottom:70px;left:60%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;margin-top:2rem}.arrow{width:30px;height:30px;border-right:3px solid white;border-bottom:3px solid white;transform:rotate(45deg);animation:breathe 2s infinite ease-in-out}@keyframes breathe{0%{opacity:.2;transform:rotate(45deg) translateY(0) scale(.95)}50%{opacity:1;transform:rotate(45deg) translateY(-10px) scale(1.05)}to{opacity:.2;transform:rotate(45deg) translateY(0) scale(.95)}}.contentPage{width:100%;height:100vh;z-index:100;position:relative;background-color:#f9f9f9}.profile-card{font-family:Arial,Helvetica,sans-serif;width:100%;background:#fff;overflow:hidden;box-shadow:0 15px 50px #0000001a;display:flex;flex-direction:column}.profile-header{color:#639;padding:40px;text-align:center;position:relative}.profile-name{font-family:Arial;font-size:2.5rem;margin-bottom:10px;font-weight:700}.profile-title{font-size:1.2rem;opacity:.9;margin-bottom:20px}.profile-content{display:flex;flex-wrap:wrap;padding:30px}.left-column{flex:1;min-width:300px;padding:20px}.right-column{flex:2;min-width:300px;padding:20px;border-left:1px solid #eaeaea}.section{margin-bottom:30px}.section-title{font-size:1.5rem;color:#639;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #f0f0f0;font-weight:600}.education-item,.experience-item{margin-bottom:25px}.item-title{font-size:1.2rem;font-weight:600;color:#2c3e50;margin-bottom:5px}.item-subtitle{color:#000;margin-bottom:10px;font-size:1rem}.item-date{color:#000;font-size:.9rem;margin-bottom:10px}.skills-container{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px}.skill-item{color:#639;background:#f5f7fa;padding:10px 20px;border-radius:50px;display:flex;align-items:center;box-shadow:0 3px 10px #00000014;transition:transform .3s ease}.skill-item:hover{transform:translateY(-3px);background:linear-gradient(135deg,#6a11cb,#639);color:#fff}.skill-icon{margin-right:10px;font-size:1.2rem}.contact-info{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px}.contact-item{display:flex;align-items:center;color:#7f8c8d}@media (max-width: 768px){.profile-content{flex-direction:column}.right-column{border-left:none;border-top:1px solid #eaeaea}}.aboutMeList{color:#7f8c8d}.aboutMeList li{margin-bottom:8px}.contact-info{display:flex;flex-wrap:wrap;justify-content:center;gap:25px;margin-bottom:40px}.contact-item{display:flex;align-items:center;padding:20px;background:#ffffff14;border-radius:15px;transition:all .3s ease;width:100%;max-width:350px;cursor:pointer}.contact-item:hover{background-color:#e6e6fa80;transform:translateY(-5px)}.contact-icon{width:50px;height:50px;border-radius:50%;background-color:#e6e6fa80;display:flex;justify-content:center;align-items:center;margin-right:20px;font-size:1.5rem;flex-shrink:0;color:#639}.contact-details{text-align:left}.contact-type{font-size:.9rem;color:#000;margin-bottom:5px}.contact-value{font-size:1.1rem;font-weight:500;color:#000}.social-links{display:flex;justify-content:center;gap:15px;margin-top:30px}.social-link{width:45px;height:45px;border-radius:50%;background:#ffffff14;display:flex;justify-content:center;align-items:center;color:#639;font-size:1.2rem;transition:all .3s ease}.social-link:hover{background:#64ffda33;transform:translateY(-3px)}.copy-btn{background:transparent;border:none;color:#639;cursor:pointer;font-size:1rem;margin-left:10px;opacity:.7;transition:opacity .3s ease}.copy-btn:hover{opacity:1}.notification{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#64ffdae6;color:#0f2027;padding:10px 20px;border-radius:30px;font-weight:500;box-shadow:0 5px 15px #0003;opacity:0;transition:opacity .3s ease}.notification.show{opacity:1}@media (max-width: 768px){.contact-container{padding:30px 20px}.contact-item{padding:15px}.contact-value{font-size:1rem}.slide{background-attachment:scroll}.header-text{left:50%;font-size:1.3rem;text-align:center;width:90%}.arrow-container{left:50%}.profile-name{font-size:1.8rem}.profile-content{padding:15px}.left-column,.right-column{min-width:unset;width:100%;padding:10px}}.sidebar{background-color:#fff;border-right:1px solid #ddd}.image{width:130px;height:130px;border-radius:50%;position:absolute}.avatorBox{width:100%;height:200px;display:flex;align-items:center;justify-content:center}.avator{width:150px;height:150px}ul{list-style-type:none;padding:0;margin:0}.sidebarli{color:#aaa;display:flex;align-items:center;justify-content:center;height:50px;transition:transform 1s ease,background-color 1s ease;transform:translate(0);cursor:pointer}li:hover{color:#639;background-color:#d6d6f6}span{font-family:Arial,Helvetica,sans-serif;font-size:19px;font-weight:500;vertical-align:bottom;display:inline-block}.liContent{width:120px;display:flex;align-items:center;justify-self:center}.sidebarIcon{margin-right:6px;font-size:17px}.avatorBox{margin:45px auto;width:150px;height:150px;border:1px solid #639;border-radius:50%}.round{width:150px;height:150px;border:1px solid #639;border-radius:50%;position:relative;animation:spin 8s linear infinite}.circle{display:inline-block;position:absolute;left:40px;box-sizing:border-box;border:6px solid #639;border-radius:50%}.contentPage{width:100%;height:100vh}.subtitle{font-size:1.1rem;color:#000;opacity:.9}.copy{margin-left:7px}.active{color:#639;background-color:#d6d6f6}a{color:#aaa;text-decoration:none;transition:color .3s;font-size:19px}a:hover,a:active{color:#639}a:visited{font-size:19px}@media (max-width: 768px){.avatorBox{display:none!important}nav{width:100%}nav ul{display:flex;flex-direction:row;height:60px;width:100%}.sidebarli{flex:1;height:60px;flex-direction:column;gap:2px}.liContent{flex-direction:column;width:auto;gap:2px;justify-content:center}span,a,a:visited{font-size:11px}.sidebarIcon{width:20px;height:20px;margin-right:0}}#root{width:100%;min-height:100vh}.homepage{height:100vh;background-color:#fff;width:100%;display:flex;flex-direction:row}.sidebar{width:300px;min-height:100vh}.content{flex:1;min-height:100vh;background-color:beige;position:relative}.sideContent{background-color:#fff;width:300px;min-height:100vh;position:fixed}.language-toggle{position:fixed;top:18px;right:22px;z-index:300;width:44px;height:44px;border:1px solid rgba(102,51,153,.24);border-radius:50%;background:#ffffffe0;color:#639;box-shadow:0 8px 22px #0000001f;cursor:pointer;font-size:15px;font-weight:700;transition:transform .2s ease,box-shadow .2s ease}.language-toggle:hover{transform:translateY(-2px);box-shadow:0 12px 28px #00000029}@media (max-width: 768px){.homepage{flex-direction:column;height:auto}.sidebar{width:100%;min-height:unset;height:60px;order:2}.sideContent{width:100%;min-height:unset;height:60px;top:auto;bottom:0;left:0;display:flex;flex-direction:row;align-items:center;border-top:1px solid #ddd;z-index:100}.content{min-height:calc(100vh - 60px);padding-bottom:60px;order:1}.language-toggle{top:12px;right:12px;width:40px;height:40px}}