@charset "UTF-8";


.timeline {
    width: 100%;
    /* background: linear-gradient( 73deg, rgb(233 231 231) 30%, rgb(249 249 249) 90%);*/
    /*    background: linear-gradient(55deg, rgb(78, 117, 185) 30%, rgb(92, 191, 152) 90%);*/
    /* background: #fff;*/
   /* background: linear-gradient(55deg, rgb(97 175 253) 30%, rgb(255 255 255) 90%);*/
    background: linear-gradient(55deg, rgb(151 204 255) 30%, rgb(255 255 255) 90%);
    padding: 50px 50px;
    position: relative;
    box-shadow: 0.5rem 0.5rem 2rem 0 rgba(0, 0, 0, 0.2);
   
}

.title {
    padding-top:1px !important; 
}

.timeline:before {
    content: '';
    position: absolute;
    top: 0px;
    left: calc(20% + 15px);
    bottom: 11%;
    width: 4px;
    background: #ddd;
    margin-top: 13%;
}

    .timeline:after {
        content: "";
        display: table;
        clear: both;
    }

.entry {
    clear: both;
    text-align: left;
    position: relative;
}

    .entry .title {
        margin-bottom: .5em;
        float: left;
        width: 20%;
        padding-right: 30px;
        text-align: right;
        position: relative;
    }

        .entry .title:before {
            content: '';
            position: absolute;
            width: 8px;
            height: 8px;
            border: 4px solid salmon;
            background-color: #fff;
            border-radius: 100%;
            top: 15%;
            right: 4%;
            z-index: 99;
        }

        .entry .title h3 {
            margin: 0;
            font-size: 120%;
        }

        .entry .title p {
            margin: 0;
            font-size: 100%;
        }

    .entry .body {
        margin: 0 0 3em;
        float: right;
        width: 80%;
        padding-left: 30px;
    }

        .entry .body p {
            line-height: 1.4em;
        }

            .entry .body p:first-child {
                margin-top: 0;
                font-weight: 400;
            }

        .entry .body ul {
            color: #563333;
            padding-left: 0;
            list-style-type: none;
        }

            .entry .body ul li:before {
                content: "–";
                margin-right: .5em;
            }