@keyframes eclipse{0%{transform:translateX(110%)}to{transform:translateX(-110%)}}.eclipse{transform:translateX(50%)}.badge-text{font-weight:400}.badge-descr{font-size:.875rem;color:var(--text-opaque);font-weight:300}.small-badge{display:inline-block;background:#52ff70de;width:.75rem;height:.75rem;border-radius:50%;color:#fff;position:relative}.small-badge:before{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;animation:pulse 1s ease infinite;border-radius:50%;border:4px double #52ff70de}@keyframes pulse{0%{transform:scale(1);opacity:1}60%{transform:scale(1.75);opacity:.4}to{transform:scale(2.5);opacity:0}}h2{text-align:center;font-size:2rem;font-weight:100}.timeline{display:flex;gap:2.5rem;flex-direction:column;width:50vw;max-width:100%;margin:0 auto;color:var(--text-secondary)}.event{position:relative;margin:0;border-radius:1rem;box-shadow:0 30px 60px -12px rgba(50,50,93,.25),0 18px 36px -18px rgba(0,0,0,.3),0 -12px 36px -8px rgba(0,0,0,.025)}.event__content{padding:20px;min-height:8rem;border-radius:0 1rem 1rem 0;display:flex;align-items:center;color:white}.event__date{color:white;font-size:1.25rem;font-weight:600;white-space:break-spaces}.event__icon{border-radius:1rem 0 0 1rem;background:#53d370;display:flex;align-items:center;justify-content:center;font-size:2rem;color:white;padding:20px}.event__icon p{position:absolute;top:50%;left:-65px;font-size:2.5rem;transform:translateY(-50%)}.event:after{content:"";width:.25rem;height:2.5rem;background:#53d370;position:absolute;bottom:-2.5rem;margin:auto;left:0;right:0;z-index:-1}.event--type2:before{background:#555ac0;border-color:#555ac0}.event--type2:after{background:#555ac0}.event--type2 .event__icon{background:#555ac0;color:white}.event--type2 .event__title{color:#555ac0}.event--type3:before{background:#24b47e;border-color:#24b47e}.event--type3:after{background:#24b47e}.event--type3 .event__icon{background:#24b47e;color:white}.event--type3 .event__title{color:#24b47e}.event:last-child:after{content:none}p{font-weight:300}@media (max-width:786px){.timeline{width:100%;padding:0 1.5rem}.event{flex-direction:column}}@media (max-width:1024px){.event__icon{border-radius:1rem 1rem 0 0}.event__content{border-radius:0 0 1rem 1rem}}