.timeline{margin-bottom:2rem}@media screen and (max-device-width:640px){.timeline{display:none}}.timeline .years{flex-direction:row;display:flex;padding-top:2em;margin-left:100px;margin-bottom:.5em}.timeline .content{position:relative;margin-left:100px}.timeline .content .heading{position:absolute;left:-100px;margin:0;font-weight:800}.timeline .content>div{height:2.5em}.timeline .halfyear{flex-grow:.5}.timeline .halfyear,.timeline .year{display:block;position:relative;text-align:center}.timeline .year{flex-grow:1}.timeline .year:before{display:block;content:"";position:absolute;left:50%;top:-1.5em;width:1px;height:.8em;background:#222}.timeline .period{display:block;background:#c8d0ea;position:absolute;text-align:center;padding:.2em 0;box-shadow:5px 5px 10px rgba(0,0,0,.7)}@media print{.timeline .period{background:#edf0f8;box-shadow:none}}.timeline .period:focus{background-color:#dc9bee}.timeline .period{text-decoration:none}.timeline .period:active,.timeline .period:focus,.timeline .period:hover,.timeline .period:link,.timeline .period:visited{color:inherit}.timeline .event{border-radius:50%;width:1em;height:1em;position:absolute;background:#7e24d1;border:1px solid rgba(0,0,0,.3);box-shadow:5px 5px 10px rgba(0,0,0,.7)}@media print{.timeline .event{box-shadow:none}}