.horizontal-timeline-container{position:relative;width:100vh;width:100dvw;min-height:100vh;min-height:100dvh;overflow:hidden}.timeline-line{position:absolute;top:20%;left:10%;width:80%;height:2px;z-index:2}.icon-container{position:absolute;top:20%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-evenly;z-index:3}.experience-icon{width:100px;height:100px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:border .2s,box-shadow .2s}.experience-icon img{width:60%;height:60%;object-fit:contain}.experience-icon.active{border:3px solid}.date-container{position:absolute;top:30%;left:0;right:0;display:flex;justify-content:space-evenly;z-index:3}.experience-date{font-size:1.2rem;margin-bottom:.5rem}.overlay-container{position:absolute;pointer-events:none;z-index:100}.overlay-wrapper{width:100%;height:100%;border-radius:50%;display:flex;justify-content:center;align-items:center}.overlay-wrapper img{width:70%;height:70%;object-fit:contain}.description-text{position:absolute;left:50%;transform:translateX(-50%);width:80%;text-align:center;font-size:1.4rem;line-height:1.4;margin-top:-70px}.skill{display:inline-block;margin:10px 5px 0;padding:5px 15px;font-size:1.3rem;border-radius:5px}@media (max-width:768px){.description-text{font-size:1.3rem;width:90%}.skill{font-size:1.2rem;padding:5px 8px}}@media (max-width:480px){.experience-icon{width:60px;height:60px}.experience-icon img{width:60%;height:60%}.experience-date{font-size:.9rem}.date-container{top:26%}.description-text{margin-top:-18%;font-size:1.1rem}.skill{font-size:1.1rem;padding:1px 10px}}