.timeline{display: grid;grid-row-gap: 8px;grid-column-gap: 4px;padding: 3px;margin-top: 20px;grid-template-columns: repeat(24, 1fr);margin-bottom: 30px;}.timeline > div{background-color: white;border: 1px solid black;display: grid;position: relative;transition: all 0.6s ease;}.timeline > div:hover{background-color: lightgrey;}.timeline h6{position: absolute;text-align: right;font-weight: 100;opacity: 0;transition: opacity 0.6s ease;}.timeline>.line:hover > h6{opacity: 1;}.timeline>.line.select:hover > h6{opacity: 0;}.timeline h6{margin-top: 0;}.timeline > #item1 > h6{top: 3%;right: 114%;}.timeline > #item2 > h6{top: 18%;right: 115%;}.timeline > #item3 > h6{top: 37%;right: 128%;}.timeline > #item4 > h6{top: 25%;right: 130%;}.timeline > #item5 > h6{top: 14%;right: 113%;}.timeline > #item6 > h6{top: 25%;right: 123%;}.timeline > #item7 > h6{top: 36%;left: 123%;}.timeline > div > p{font-size: 1.3rem;padding: 5px 5px 5px 6px;transition: padding-left 0.4s;}.timeline > .select > p{padding-left: 18px;}.timeline > #item1{grid-column: 12 / span 14;}.timeline > #item2{grid-row: 2 / span 1;grid-column: 11 / span 8;}.timeline > #item3{grid-row: 3 / span 1;grid-column: 14 / span 2;}.timeline > #item4{grid-row: 4 / span 1;grid-column: 11 / span 2;}.timeline > #item5{grid-row: 5 / span 1;grid-column: 8 / span 7;}.timeline > #item6{grid-row: 6 / span 1;grid-column: 6 / span 2;}.timeline > #item7{grid-row: 7 / span 1;grid-column: 1 / span 2;}.details{display: none;opacity: 0;padding: 5px 5px 60px 12px;transition: all 0.6s ease;}.details > h3{text-align: center;}.line.select > .details{display: block;opacity: 1;}.timeline > .select{margin: 20px 0;}.timeline > #item2.select{grid-column: 11 / span 8;}.timeline > #item3.select{grid-column: 14 / span 8;}.timeline > #item4.select{grid-column: 11 / span 8;}.timeline > #item5.select{grid-column: 8 / span 8;}.timeline > #item6.select{grid-column: 6 / span 8;}.timeline > #item7.select{grid-column: 1 / span 8;}.time_thumbnail{width: 90%;padding-bottom: 10px;}.doc{width: fit-content;}.doc img{width: 4rem;object-fit: contain;cursor: alias!important;transition: all .5s ease-out;}.doc img:hover{transform: scale(1.1);opacity: .8;}.doc p, .doc h3{padding: 5px;word-wrap: break-word;max-width: 240px;}footer {padding-top: 14px;}@media screen and (max-width: 768px) {.timeline>div:hover > h6{opacity: 0;}.timeline > #item3 > p, .timeline > #item4 > p, .timeline > #item6 > p, .timeline > #item7 > p {padding: 5px 5px 5px 8vw;}.timeline > #item3.select > p, .timeline > #item5.select > p, .timeline > #item6.select > p, .timeline > #item7.select > p {padding: 5px 5px 5px 12px;}.details h3{font-size: 1.2rem;padding-bottom: 20px;}.timeline > #item1.select, .timeline > #item2.select, .timeline > #item3.select, .timeline > #item4.select, .timeline > #item5.select, .timeline > #item6.select, .timeline > #item7.select {grid-column: 6 / span 14;}.timeline > #item7 > h6{left: 300%;}}