#content>h1{font-size:2em;margin-top:30px;margin-bottom:0}@media (min-width:1170px){#timeline .demo-card:nth-child(even) .head::after,#timeline .demo-card:nth-child(odd) .head::after{position:absolute;content:"";width:0;height:0;border-color:transparent;border-top:15px solid transparent;border-bottom:15px solid transparent}#timeline .demo-card:nth-child(even) .head::before,#timeline .demo-card:nth-child(odd) .head::before{position:absolute;content:"";width:9px;height:9px;background-color:#888;border-radius:9px;box-shadow:0 0 2px 8px var(--body-bg)}}*{box-sizing:border-box}#timeline{margin:20px 0}#timeline .demo-card-wrapper{position:relative;margin:auto}@media (min-width:1170px){#timeline .demo-card-wrapper{display:flex;flex-flow:column wrap;width:1170px;margin:0 auto}}#timeline .demo-card-wrapper::after{z-index:1;content:"";position:absolute;top:0;bottom:0;left:calc(50% - 5px / 2);border-left:5px solid #adadad}#timeline .demo-card{position:relative;display:block;margin:10px auto 80px;max-width:94%;z-index:2;text-decoration:none}@media (min-width:600px){#timeline .demo-card{max-width:60%}}@media (min-width:900px){#timeline .demo-card{max-width:40%}}@media (min-width:1170px){#timeline .demo-card{width:450px;margin:90px;margin-top:70px;margin-bottom:70px}#timeline .demo-card:nth-child(odd){margin-right:45px}#timeline .demo-card:nth-child(odd) .head::after{border-left-width:15px;border-left-style:solid;left:100%}#timeline .demo-card:nth-child(odd) .head::before{left:490px}#timeline .demo-card:nth-child(even){margin-left:50px}#timeline .demo-card:nth-child(even) .head::after{border-right-width:15px;border-right-style:solid;right:100%}#timeline .demo-card:nth-child(even) .head::before{right:495.5px}#timeline .demo-card:nth-child(2){margin-top:180px}}#timeline .demo-card .head{position:relative;display:flex;align-items:center;color:#fff;font-weight:400}#timeline .demo-card .head .number-box{display:inline;margin:2px 5px;padding:8px 10px;font-size:15px;line-height:15px;font-weight:600;background:rgba(0,0,0,.5)}#timeline .demo-card .head h2{text-align:center;width:75%;font-size:1.3rem;font-weight:inherit;margin:0;padding:7px 0;line-height:1.7rem}@media (min-width:480px){#timeline .demo-card .head h2{font-size:1.3em;line-height:1.7rem}}#timeline .demo-card .head h2 span{display:block;font-size:.6rem;margin:0}@media (min-width:480px){#timeline .demo-card .head h2 span{font-size:.8rem}}#timeline .demo-card .body{background:#fff;color:#000;padding:0 0}#timeline .demo-card .body img{display:block;width:100%;object-fit:cover;object-position:50% 50%}#timeline .demo-card .bottom-body{color:#000;background-color:rgba(0,0,0,.3);margin:0;padding:0}#timeline .demo-card .bottom-body p{color:#fff;margin:0;padding:5px;font-size:.8em}@media screen and (max-width:400px){#content>h1{font-size:1.5em}}