“Just be a rock.”

——Jobu Tupaki(Everything Everywhere All at Once)

Education

.timeline { position: relative; max-width: 600px; margin: 0 auto; } .timeline::after { content: ”; position: absolute; width: 6px; background-color: #6c757d; top: 0; bottom: 0; left: 50%; margin-left: -3px; } .container { padding: 5px 20px; position: relative; background-color: inherit; width: 50%; } .container::after { content: ”; position: absolute; width: 25px; height: 25px; right: -17px; background-color: #6c757d; border: 4px solid #6c757d; 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 white; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent white; } .right::before { content: ‘ ‘; height: 0; position: absolute; top: 22px; width: 0; z-index: 1; left: 30px; border: medium solid white; border-width: 10px 10px 10px 0; border-color: transparent white transparent transparent; } .right::after { left: -16px; } .content { padding: 10px 20px; background-color: white; position: relative; border-radius: 6px; } .content p { font-weight: bold; display: inline; } .content h2 { display: inline; margin-right: 10px; } .container:nth-child(odd) .content { background-color: #ffc107; } .container:nth-child(even) .content { background-color: #17a2b8; }