*{padding:0;margin:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#333;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(./cat_meme-C_4oyIkI.png);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.1;z-index:-1}.top-bar{background-color:#fff;padding:15px 0;position:sticky;top:0;z-index:1000}.navigation{max-width:1200px;margin:0 auto;display:flex;justify-content:flex-end;gap:30px;padding:0 60px}.navigation a{color:#000;text-decoration:none;font-weight:500;transition:color .3s ease}.navigation a:hover{color:#fff}.home{min-height:calc(100vh - 200px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.profile-image-container{margin-bottom:30px}.profile-image{width:200px;height:200px;border-radius:50%;object-fit:cover}#introduction-container{text-align:center;margin-bottom:20px}#introduction-container h1{font-size:2.5rem;font-weight:600;margin-bottom:0}#introduction-container h2{font-size:1.2rem;font-weight:400;color:#666}#links-button-container{display:flex;gap:20px;align-items:center}#links-button-container a{transition:transform .2s ease}#links-button-container a:hover{transform:scale(1.2)}.about-me{padding:80px 40px}.about-title{font-size:2rem;font-weight:600;text-align:center;margin-bottom:40px}.about-content{max-width:1000px;margin:0 auto;display:flex;gap:30px;align-items:flex-start;justify-content:center}.about-image{flex:0 0 250px;height:250px;background-color:#888;overflow:hidden;border-radius:8px}.about-image img{width:100%;height:100%;object-fit:cover}.about-text{flex:1;padding-left:20px}.about-section{margin-bottom:18px}.about-section h3{font-size:1.2rem;font-weight:600;color:#2c3e50;margin-bottom:6px}.about-section ul{list-style:none;margin-bottom:0}.about-section ul li{margin-bottom:5px;padding-left:20px;position:relative;font-size:1rem;color:#555;line-height:1.5}.about-section ul li:before{content:"•";position:absolute;left:0;font-weight:700;color:#8b7b7b}.about-buttons{margin-top:20px;display:flex;gap:15px}.contact-btn,.resume-btn{background-color:#8b7b7b;color:#000;border:none;padding:12px 35px;font-size:1rem;cursor:pointer;border-radius:4px;transition:background-color .3s ease}.contact-btn:hover,.resume-btn:hover{background-color:#6d5d5d}.experience{padding:80px 40px}.experience h2{text-align:center;font-size:2.2rem;margin-bottom:50px;font-weight:600}.experience-list{max-width:1200px;margin:0 auto}.experience-item{padding:10px;margin-bottom:5px;display:flex;justify-content:space-between;align-items:center;border-radius:4px}.experience-title{font-size:1.1rem;font-weight:500}.experience-date{font-size:1rem;color:#333;white-space:nowrap}.projects{padding:80px 40px;text-align:center}.projects h2{text-align:center;font-size:2.2rem;margin-bottom:0;font-weight:600}.projects h3{text-align:center;font-size:1rem;margin-bottom:50px;font-weight:300}.projects-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.project-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e0e0e0;border-radius:12px;padding:30px;min-height:300px;display:flex;flex-direction:column;gap:15px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;box-shadow:0 2px 8px #00000014}.project-card h1{font-size:1.5rem;font-weight:600;color:#2c3e50;margin:0}.project-card p{flex-grow:1;font-size:.95rem;line-height:1.6;color:#555;margin:0}.project-card img{width:100%;height:180px;object-fit:cover;border-radius:8px;border:1px solid #e0e0e0;box-shadow:0 2px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.tech-tags{display:flex;flex-wrap:wrap;gap:8px}.project-card button{display:inline-block;background-color:#8b7b7b;color:#fff;border:none;padding:6px 16px;font-size:.85rem;font-weight:500;border-radius:20px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.project-card button:hover{background-color:#6d5d5d;transform:scale(1.05)}.gallery{background-color:#f5f5f5;padding:80px 40px;min-height:300px}footer{background-color:#333;color:#fff;padding:30px;text-align:center}@media(max-width:768px){.navigation{gap:15px;padding:0 20px;font-size:.9rem}#introduction-container h1{font-size:2rem}.about-content{flex-direction:column}.about-image{display:none}.projects-grid{grid-template-columns:1fr;gap:20px}.experience-item{flex-direction:column;align-items:flex-start;gap:10px}.experience-date{white-space:normal}}@media(max-width:480px){.profile-image{width:150px;height:150px}#introduction-container h1{font-size:1.5rem}.about-text h2,.experience h2,.projects h2{font-size:1.6rem}}