#timeline{display:flex;flex-direction:column;align-items:center;width:100%;margin:0 auto;background-color:black}
#timeline ol{margin:0;list-style:none;padding:0;--hue:1;--unit:1rem}
#timeline p{line-height:1.3}
#timeline .event-date{margin:0 0 0.25rem;font-weight:bold}
#timeline .event-description{margin:0}
#timeline li{--height:7rem;position:relative;display:block;background-color:hsl(calc(var(--hue) * 360 / 20),90%,65%);border-color:hsl(calc(var(--hue) * 360 / 20),90%,65%);border-radius:1rem;padding:1rem;margin:2rem 0}
#timeline li::before{content:"";background-color:inherit;position:absolute;display:block;width:var(--unit);height:var(--unit);top:100%;left:calc(50% - (var(--unit) / 2))}
#timeline li::after{content:"";position:absolute;display:block;top:calc(100% + var(--unit));left:calc(50% - (var(--unit)));border:var(--unit) solid transparent;border-top-color:inherit}
#timeline li:last-child::before,#timeline li:last-child::after{content:none}
#timeline li:nth-child(20n+1){--hue:1}
#timeline li:nth-child(20n+2){--hue:2}
#timeline li:nth-child(20n+3){--hue:3}
#timeline li:nth-child(20n+4){--hue:4}
#timeline li:nth-child(20n+5){--hue:5}
#timeline li:nth-child(20n+6){--hue:6}
#timeline li:nth-child(20n+7){--hue:7}
#timeline li:nth-child(20n+8){--hue:8}
#timeline li:nth-child(20n+9){--hue:9}
#timeline li:nth-child(20n+10){--hue:10}
#timeline li:nth-child(20n+11){--hue:11}
#timeline li:nth-child(20n+12){--hue:12}
#timeline li:nth-child(20n+13){--hue:13}
#timeline li:nth-child(20n+14){--hue:14}
#timeline li:nth-child(20n+15){--hue:15}
#timeline li:nth-child(20n+16){--hue:16}
#timeline li:nth-child(20n+17){--hue:17}
#timeline li:nth-child(20n+18){--hue:18}
#timeline li:nth-child(20n+19){--hue:19}
#timeline li:nth-child(20n+20){--hue:20}
@media (min-width:550px) and (max-width:899px){#timeline li{margin:1rem;width:calc(50% - 4rem);float:left;min-height:var(--height)}#timeline li:nth-child(4n+3),#timeline li:nth-child(4n+4){float:right}#timeline li:nth-child(4n+1)::before{top:calc(var(--height) / 2 + var(--unit) / 2);left:100%}#timeline li:nth-child(4n+1)::after{top:calc(var(--height) / 2);left:calc(100% + (var(--unit)));border:var(--unit) solid transparent;border-left-color:inherit}#timeline li:nth-child(4n+3)::before{top:calc(var(--height) / 2 + var(--unit) / 2);left:-1rem}#timeline li:nth-child(4n+3)::after{top:calc(var(--height) / 2);left:-3rem;border:var(--unit) solid transparent;border-right-color:inherit}}
@media (min-width:900px) and (max-width:1199px){#timeline li{margin:1rem;width:calc(33.33% - 4rem);float:left;min-height:7rem}#timeline li:nth-child(6n+4),#timeline li:nth-child(6n+5),#timeline li:nth-child(6n+6){float:right}#timeline li:nth-child(6n+1)::before,#timeline li:nth-child(6n+2)::before{top:calc(var(--height) / 2 + var(--unit) / 2);left:100%}#timeline li:nth-child(6n+1)::after,#timeline li:nth-child(6n+2)::after{top:3.5rem;left:calc(100% + (var(--unit)));border:var(--unit) solid transparent;border-left-color:inherit}#timeline li:nth-child(6n+4)::before,#timeline li:nth-child(6n+5)::before{top:calc(var(--height) / 2 + var(--unit) / 2);left:-1rem}#timeline li:nth-child(6n+4)::after,#timeline li:nth-child(6n+5)::after{top:calc(var(--height) / 2);left:-3rem;border:var(--unit) solid transparent;border-right-color:inherit}}
@media (min-width:1200px){#timeline ol{max-width:1600px;margin:0 auto}#timeline li{margin:1rem;width:calc(25% - 4rem);float:left;min-height:7rem}#timeline li:nth-child(8n+5),#timeline li:nth-child(8n+6),#timeline li:nth-child(8n+7),#timeline li:nth-child(8n+8){float:right}#timeline li:nth-child(8n+1)::before,#timeline li:nth-child(8n+2)::before,#timeline li:nth-child(8n+3)::before{top:calc(var(--height) / 2 + var(--unit) / 2);left:100%}#timeline li:nth-child(8n+1)::after,#timeline li:nth-child(8n+2)::after,#timeline li:nth-child(8n+3)::after{top:calc(var(--height) / 2);left:calc(100% + (var(--unit)));border:var(--unit) solid transparent;border-left-color:inherit}#timeline li:nth-child(8n+5)::before,#timeline li:nth-child(8n+6)::before,#timeline li:nth-child(8n+7)::before{top:calc(var(--height) / 2 + var(--unit) / 2);left:-1rem}#timeline li:nth-child(8n+5)::after,#timeline li:nth-child(8n+6)::after,#timeline li:nth-child(8n+7)::after{top:calc(var(--height) / 2);left:-3rem;border:var(--unit) solid transparent;border-right-color:inherit}}
.skills-card{margin:0;padding:10px;background:#262626;border:1px solid #2E2E2E;border-radius:8px;text-decoration:none !important;transition:all 0.2s ease 0s;z-index:99;overflow:hidden}
.skills-card:hover{background:#2E2E2E;border:1px solid #4E4E4E}
.skills-card:hover img{transition:all 0.2s ease 0s;transform:scale(1.05)}
.skills-card .caption{color:#8E8E8E}
.skill-logo{min-height:100px}