#timeline {
                position: relative;
                max-width: 880px;
                margin: 0 auto;    
            }
                    
            #timeline::after {
                content: '';
                position: absolute;
                width: 6px;
                background-color: var(--bunt);
                top: 0;
                bottom: 0;
                margin-left: -3px;
            }
                    
            #timeline .event {
                padding: 10px 40px 10px 40px;
                position: relative;
                background-color: inherit;
            }
                    
            #timeline .event::before {
                content: '';
                height: 0;
                position: absolute;
                top: 22px;
                width: 0;
                z-index: 1;
                left: 30px;
                border: medium solid var(--box);
                border-width: 10px 10px 10px 0;
                border-color: transparent var(--box) transparent transparent;
            }
                    
            #timeline .event::after {
                content: '';
                position: absolute;
                width: 25px;
                height: 25px;
                left: -17px;
                background-color: var(--box);
                border: 4px solid var(--bunt);
                top: 15px;
                border-radius: 50%;
                z-index: 1;
            }
                    
            #timeline .event .content {
                padding: 30px;
                background-color: var(--box);
                position: relative;
                border-radius: 6px;
                overflow: hidden;
            }
                    
            #timeline .event .content .date {
                font-size: 20px;
                font-weight: bold;
                color: var(--bunt);
                font-family: var(--fhead);
                letter-spacing: var(--lhead);
                text-transform: var(--theading);
            }
                    
            #timeline .event .content .title {
                font: var(--snav) var(--fsub);
                text-transform: uppercase;
                letter-spacing: var(--lsub);
                color: var(--bunt);
                line-height: 200%;
            }
                    
            #timeline .event .content .description {
                font-size: var(--sallg);
                font-family: var(--fallg);
                text-align: justify;
                color: var(--base);
            }
                    
            #timeline .event .content .option {
                position: absolute;
                bottom: 10px;
                right: 20px;
                font-family: calibri;
                font-size: 12px;
                opacity: .7;
                padding-right: 5px;
            }
                    
            #timeline .event .content .option i {
                padding: 0 3px
            }
            
            #timeline .event .content .option a:link, 
            #timeline .event .content .option a:visited, 
            #timeline .event .content .option a:active, 
 {            color: var(--bunt);
				transition: 0.5s;
            }

            #timeline a:hover {
color: var(--base);
				transition: 0.5s;
}