ul{padding:10px 0}ul li{position:relative;list-style-type:none;width:6px;background-color:#1f9773;padding-bottom:20px}ul li:after{background:#1f9773;content:"";width:25px;height:25px;border-radius:50%;position:absolute;left:50%;transform:translate(-50%);top:calc(50% - 10px)}ul li div{position:relative;left:20px;width:max-content;max-width:930px;padding:20px;border-radius:5px;bottom:0;background:#1010108d;opacity:0;transition:opacity .5s ease-in-out;font-family:Lato,sans-serif}ul li div h3{font-family:Lato,sans-serif;font-size:1.5em;letter-spacing:.05em;font-weight:500;opacity:1}ul li div p{font-size:1.1em;font-weight:400;line-height:1.5;opacity:.9}ul li div time{font-weight:600;font-size:1.2rem;display:block;margin-bottom:10px}ul li.show div{opacity:1}.about li{background-color:#1f9773}.about li div{border-right:2px solid #1f9773}.about li:after{background-color:#1f9773}.skills li{background-color:#e43411}.skills li div{border-right:2px solid #e43411}.skills li:after{background-color:#e43411}.leadership li{background-color:#ca0b7e}.leadership li div{border-right:2px solid #ca0b7e}.leadership li:after{background-color:#ca0b7e}.interests li{background-color:#850f98}.interests li div{border-right:2px solid #850f98}.interests li:after{background-color:#850f98}@media screen and (max-width:500px){ul li div{width:350px;overflow:hidden;padding:10px}}