#Experience,.controls{background-color:#1e1e1e}.slider-point,.slider-thumb{transform:translate(-50%,-50%);cursor:pointer}.badge,.badges{gap:8px;display:flex}#Experience,.badge,.badges,.controls,.header,.skills,.title-container{display:flex}#Experience{color:#1b1b1b;min-height:100vh;max-height:fit-content;width:100%;box-sizing:border-box;flex-direction:column;padding:20px 0}#Experience h1{font-size:50px;color:#fff;text-align:center;padding-top:43px}.timeline-container{justify-content:center;width:90%;max-width:900px;border-radius:12px;overflow:hidden;margin:100px auto auto;position:relative;overflow-y:visible;height:fit-content;overflow-x:hidden}.controls{padding:15px;align-items:center;justify-content:space-between;color:#fff}.controls button{background:0 0;border:none;color:#fff;font-size:18px;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.controls button:hover{transform:scale(1.2)}.controls button:active{transform:scale(.95)}.slider{flex-grow:1;margin:0 15px;position:relative;height:4px;background-color:#333;border-radius:2px;cursor:pointer}.slider-track{position:absolute;height:100%;background:linear-gradient(to right,#ff7e5f,#feb47b);width:60%;border-radius:2px;transition:width .3s}.slider-thumb{position:absolute;width:20px;height:20px;background-color:#888;border-radius:50%;top:50%;left:60%;transition:left .3s;z-index:1}.slider-points{position:absolute;width:100%;height:100%;top:0;left:0}.slider-point{position:absolute;width:12px;height:12px;background-color:#444;border:2px solid #222;border-radius:50%;top:50%;transition:background-color .3s,border-color .3s;z-index:0}.slider-point.active{background-color:#888;border-color:#888}.slider-point:hover{transform:translate(-50%,-50%) scale(1.2)}.header{justify-content:space-between;align-items:center;padding:20px;color:#fff;position:sticky;top:10px;z-index:1;background-color:#1e1e1e}.title-container{flex-direction:column}.title{font-size:24px;font-weight:700;margin-bottom:8px}.badge{background:linear-gradient(to right,#ff7e5f,#feb47b);color:#fff;padding:5px 15px;border-radius:20px;font-size:14px;align-items:center}.badge img{width:20px;height:20px;border-radius:50%;object-fit:cover;flex-shrink:0;vertical-align:middle}.date{color:#888;font-size:16px}.content{padding:15px;background-color:#1e1e1e;color:#fff;border-top:1px solid #222;line-height:1.6;overflow-y:visible;height:auto}.skill,.tooltip{background:linear-gradient(to right,#ff7e5f,#feb47b);color:#fff;font-size:14px}.content p{font-size:20px;line-height:1.7;margin:0}.skills{gap:10px;flex-wrap:wrap}.skill{border:1px solid #333;padding:10px 20px;border-radius:25px}.content-section{opacity:0;height:0;overflow:hidden;transition:opacity .5s}.content-section.active{opacity:1;height:auto}.skill-content{margin-top:20px;padding-top:15px;border-top:1px dashed #333;display:none}.skill-content.active{display:block;animation:.5s fadeIn}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.tooltip{position:absolute;padding:6px 12px;border-radius:4px;pointer-events:none;opacity:0;transition:opacity .3s;z-index:0}