body{
    background: #d9e5f3;
    color: #513526;
}
nav{
    background: #d9e5f3;
    color: #513526;
    box-shadow: 0 0 10px 0 #513526;
}
.nav-item{
    /*background: #1D1838;*/
    color: #513526;
    /*margin: 0 5px;*/
}

.maincontainer{
    min-height: 500px;
    box-shadow: 0 0 10px 0 #f5d4b0;
    padding: 10px;
    margin: 20px auto;
    /*display: none;*/
    color: #1D1838;
    background-color: #f5d4b0;
    border-radius: 30px;
}

.red{
    color: red;
}
.green{
    color: green;
}


.card{
    background-color: #f5d4b0;
    /*box-shadow: 10px 10px rgb(29, 24, 56);*/
    margin-top: 10px;
    color:#1D1838;
        box-shadow:
        0 2.8px 2.2px   rgba(29, 24, 56, 0.034),
        0 6.7px 5.3px   rgba(29, 24, 56, 0.048),
        0 12.5px 10px   rgba(29, 24, 56, 0.06),
        0 22.3px 17.9px rgba(29, 24, 56, 0.072),
        0 41.8px 33.4px rgba(29, 24, 56, 0.086),
        0 100px 80px    rgba(29, 24, 56, 0.12)
      ;     
}

template{
    display: none;
}


.timeline {
    border-left: 1px solid hsl(0, 0%, 90%);
    position: relative;
    list-style: none;
  }

  .timeline .timeline-item {
    position: relative;
  }

  .timeline .timeline-item:after {
    position: absolute;
    display: block;
    top: 0;
  }

  .timeline .timeline-item:after {
    background-color: hsl(0, 0%, 90%);
    left: -38px;
    border-radius: 50%;
    height: 11px;
    width: 11px;
    content: "";
  }