.timeline-item{padding:10px 40px;position:relative;background-color:inherit;width:50%}.timeline-item::after{content:"";position:absolute;width:25px;height:25px;right:-17px;background-color:white;border:4px solid var(--secondary-color);top:15px;border-radius:50%;z-index:1}.left{left:0}.right{left:50%}.left::before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1;right:30px;border:medium solid var(--accent-color);border-width:10px 0 10px 10px;border-color:transparent transparent transparent var(--accent-color)}.right::before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1;left:30px;border:medium solid var(--accent-color);border-width:10px 10px 10px 0;border-color:transparent var(--accent-color) transparent transparent}.right::after{left:-16px}.content{padding:20px;background-color:var(--accent-color);position:relative;border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.time{font-weight:700;color:var(--secondary-color);margin-bottom:5px;font-size:1.2rem}.event-title{font-weight:700;margin-bottom:5px}.event-details{font-size:.9rem}.custom-event{display:flex;gap:10px;margin-bottom:10px;align-items:center}.custom-event button{padding:8px;font-size:14px}.remove-event{background-color:#c77878;flex-shrink:0}@media screen and (max-width:768px){.timeline-item{width:100%;padding-left:70px;padding-right:25px}.timeline-item::before{left:60px;border:medium solid var(--accent-color);border-width:10px 10px 10px 0;border-color:transparent var(--accent-color) transparent transparent}.left::after,.right::after{left:15px}.right{left:0}}