/**
  * This file is part of the Crown Oil website.
  * Author: Mark Eriksson <https://www.markwrites.codes/>
  */
.timeline{display:flex;height:100vh;position:relative}@media (min-width: 768px){.timeline{margin-bottom:80px}}.timeline::-webkit-scrollbar{display:none}.timeline__entries{position:absolute;display:flex;top:0;left:0;width:100%;height:100%}.timeline__entry{position:relative;min-width:100%;flex-shrink:0}@media (min-width: 768px){.timeline__entry{min-width:420px}}.timeline__entry--md{min-width:470px}.timeline__entry--lg{min-width:530px}.timeline__entry--x-lg{min-width:1200px}.timeline__entry:nth-child(odd) .timeline__data{background-image:linear-gradient(to left,#f8ad3b,#ec2229)}.timeline__figure{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0;object-fit:cover;object-position:bottom;height:100%;width:100%}.timeline__featured{position:absolute;bottom:0;left:0;width:100%;height:100%}.timeline__featured img{max-width:350px;position:absolute;bottom:0;pointer-events:none;-webkit-user-select:none;user-select:none}.timeline__featured img:first-child{left:-70px}.timeline__featured img:last-child{right:0}.timeline__data{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:100%;height:44px;background-image:linear-gradient(to left,#ec2229,#f8ad3b);display:flex;justify-content:center}.timeline__info{align-self:flex-start;margin:0 15px;display:flex;flex-direction:column;max-width:320px;position:relative}.timeline__info--alt{align-self:flex-end;flex-direction:column-reverse}.timeline__info--alt .timeline__extra{bottom:auto;top:100%}.timeline__year{font-size:20px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.2);text-align:center;color:#fff;line-height:44px;display:block;-webkit-user-select:none;user-select:none}.timeline__text{font-size:14px;font-weight:500;line-height:1.46;color:#000;padding:8px;background-color:#fffc;margin:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.timeline__text:last-of-type{margin-bottom:0}.timeline__extra{position:absolute;bottom:100%;left:0;background-color:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;height:100%;text-align:center;display:flex;justify-content:center;align-items:center;flex-flow:row wrap}.timeline__extra img{max-width:50%;margin:0 10px;pointer-events:none;-webkit-user-select:none;user-select:none}