*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; } body { font: normal 16px/1.5 "Arial", sans-serif; background: #456990; color: #fff; overflow-x: hidden; padding-bottom: 50 px; } /* INTRO SECTION –––––––––––––––––––––––––––––––––––––––––––––––––– */ .intro { background: #444444; padding: 100px 0; } .container { width: 90%; max-width: 1200px; margin: 0 auto; text-align: center; } h1 { font-size: 2.5rem; } /* TIMELINE –––––––––––––––––––––––––––––––––––––––––––––––––– */ .timeline ul li { list-style-type: none; position: relative; width: 6px; margin: 0 auto; padding-top: 50px; background: #444444; } .timeline ul li::after { content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 30px; height: 30px; border-radius: 50%; background: inherit; } .timeline ul li div { position: relative; bottom: 0; width: 400px; padding: 15px; background: #8A97A0; } .timeline ul li div::before { content: ''; position: absolute; bottom: 7px; width: 0; height: 0; border-style: solid; } .timeline ul li:nth-child(odd) div { left: 45px; } .timeline ul li:nth-child(odd) div::before { left: -15px; border-width: 8px 16px 8px 0; border-color: transparent #8A97A0 transparent transparent; } .timeline ul li:nth-child(even) div { left: -439px; } .timeline ul li:nth-child(even) div::before { right: -15px; border-width: 8px 0 8px 16px; border-color: transparent transparent transparent #8A97A0; }

The History ofWIQH Radio Station