@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.milestone{opacity:0;background-color:#1f0f4b;padding:20px;transition:opacity 1.5s ease-out,transform 1.5s ease-out;display:flex;transform:translateY(-20px)}.milestone.visible{opacity:1;animation:1.5s ease-out forwards fadeInDown;transform:translateY(0)}.milestone-item{border-bottom:1px dashed #ccc;flex-direction:column;align-items:center;width:100%;padding:30px 0;display:flex}.milestone-item:last-child{border-bottom:none}.milestone h1{color:#4299e1;font-size:30px}.milestone p{color:#fff;font-size:12px}@media (min-width:768px){.milestone-item{border-bottom:none;border-right:2px dashed #ccc;flex-direction:column;align-items:center;width:auto;margin-right:20px;padding:0 20px 0 0;display:flex}.milestone-item:last-child{border-right:none;margin-right:0;padding-right:0}.milestone{flex-direction:row;padding:40px 80px}.milestone h1{font-size:50px}.milestone p{font-size:16px}}@media (min-width:1024px){.milestone{padding:40px 100px}}