S4WEB/css/style.css

@import url(./bulam.css);
@import url(./fontawesome-free-6.4.0-web/css/all.css);
@import url(./leaftlet.css);

#map { height: 100vh;  z-index: 0;}


  
.timeline {
    margin: 0 auto;
    max-width: 750px;
    padding: 0px;
    font-family: "Fira Sans", sans-serif;
}
::before, ::after {
    box-sizing: inherit;
}

.timeline ul{
    list-style: none;
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
}


.timeline ul::before{

    content: '';
    position: absolute;
    top: 0;
    left: 0px;
    width: 0px;
    height: 100%;
    border: 1px solid #EDEDED;

}

.timeline li{
    padding-left: 1rem;
    position: relative;
    margin: 2rem 0;
  }

.timeline li::before {
    content: '';
    position: absolute;
    background-color: hsl(171, 100%, 41%);
    left: calc(-1rem/2.2);
    top: calc(0.2rem);
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
  }