.timeline{--color:rgba(30, 30, 30);--bgColor:rgba(245, 245, 245);min-height:100vh;display:grid;align-content:center;gap:2rem;padding:2rem;font-family:"Poppins",sans-serif;color:var(--color);background:var(--bgColor)}.timeline h1{text-align:center}.timeline ul{--col-gap:2rem;--row-gap:2rem;--line-w:0.25rem;display:grid;grid-template-columns:var(--line-w) 1fr;grid-auto-columns:max-content;column-gap:var(--col-gap);list-style:none;width:min(60rem, 90%);margin-inline:auto}.timeline ul::before{content:"";grid-column:1;grid-row:1 / span 20;background:#124429;border-radius:calc(var(--line-w) / 2)}.timeline ul li:not(:last-child){margin-bottom:var(--row-gap)}.timeline ul li{grid-column:2;--inlineP:1.5rem;margin-inline:var(--inlineP);grid-row:span 2;display:grid;grid-template-rows:min-content min-content min-content}.timeline ul li .date{--dateH:3rem;height:var(--dateH);margin-inline:calc(var(--inlineP) * -1);text-align:center;background-image:linear-gradient(to right,#958A43,#D2D283,#958A43);color:#fff;font-size:1.25rem;font-weight:700;display:grid;place-content:center;position:relative;border-radius:calc(var(--dateH) / 2) 0 0 calc(var(--dateH) / 2)}.timeline ul li .date::before{content:"";width:var(--inlineP);aspect-ratio:1;background:#bb9f48;background-image:linear-gradient(rgb(0 0 0 / .2) 100%,transparent);position:absolute;top:100%;clip-path:polygon(0 0,100% 0,0 100%);right:0}.timeline ul li .date::after{content:"";position:absolute;width:2rem;aspect-ratio:1;background:var(--bgColor);border:.3rem solid #124429;border-radius:50%;top:50%;transform:translate(50%,-50%);right:calc(100% + var(--col-gap) + var(--line-w) / 2)}.timeline ul li .title,.timeline ul li .descr{background:var(--bgColor);position:relative;padding-inline:1.5rem}.timeline ul li .title{overflow:hidden;padding-block-start:1.5rem;padding-block-end:1rem;font-weight:500}.timeline ul li .descr{padding-block-end:1.5rem;font-weight:300}.timeline ul li .title::before,.timeline ul li .descr::before{content:"";position:absolute;width:90%;height:.5rem;background:rgb(0 0 0 / .5);left:50%;border-radius:50%;filter:blur(4px);transform:translate(-50%,50%)}.timeline ul li .title::before{bottom:calc(100% + 0.125rem)}.timeline ul li .descr::before{z-index:-1;bottom:.25rem}@media (min-width:40rem){.timeline ul{grid-template-columns:1fr var(--line-w) 1fr}.timeline ul::before{grid-column:2}.timeline ul li:nth-child(odd){grid-column:1}.timeline ul li:nth-child(even){grid-column:3}.timeline ul li:nth-child(2){grid-row:2/4}.timeline ul li:nth-child(odd) .date::before{clip-path:polygon(0 0,100% 0,100% 100%);left:0}.timeline ul li:nth-child(odd) .date::after{transform:translate(-50%,-50%);left:calc(100% + var(--col-gap) + var(--line-w) / 2)}.timeline ul li:nth-child(odd) .date{border-radius:0 calc(var(--dateH) / 2) calc(var(--dateH) / 2) 0}}.timeline .credits{margin-top:1rem;text-align:right}.timeline .credits a{color:var(--color)}.flip-card{background-color:#fff0;width:100%;height:43px;perspective:1000px;margin-top:10px;margin-bottom:10px}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform 0.6s;transform-style:preserve-3d}.flip-card:hover .flip-card-inner{transform:rotateX(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;padding:10px;box-sizing:border-box}.flip-card-front{background-color:#F5F5F5;color:#000;border:1px solid #958A43}.flip-card-back{background-image:linear-gradient(to right,#958A43,#D2D283,#958A43);color:#fff;transform:rotateX(180deg)}