:root {
    --txt-col: #2fb6b2;
}

html, body {
    height:100%;
    width:100%;
    padding: 0px;
    margin: 0px;
}

#timeline-embed {
    height: 100%;
}

.tl-timeline p a {
    color: lightgrey;
    text-decoration: underline;
}

.tl-timeline p a:hover {
    color: grey;
    text-decoration: underline;
}

.tl-media .tl-media-blockquote blockquote p:before {
    content: none /*open-quote*/;
    margin-right: 0px /*5px*/
}

.tl-media .tl-media-blockquote blockquote p:after {
    content: none /*close-quote*/;
    margin-left: 0px /*3px*/
}

.tl-timeline h1,
.tl-timeline h2,
.tl-timeline h3,
.tl-timeline h4,
.tl-timeline h5,
.tl-timeline h6 {
    color: var(--txt-col)
}

.tl-slidenav-next .tl-slidenav-content-container .tl-slidenav-description,
.tl-slidenav-next .tl-slidenav-content-container .tl-slidenav-icon,
.tl-slidenav-next .tl-slidenav-content-container .tl-slidenav-title,
.tl-slidenav-previous .tl-slidenav-content-container .tl-slidenav-description,
.tl-slidenav-previous .tl-slidenav-content-container .tl-slidenav-icon,
.tl-slidenav-previous .tl-slidenav-content-container .tl-slidenav-title {
    text-shadow: 1px 1px 1px #FFF;
    color: var(--txt-col)
}

.tl-timegroup .tl-timegroup-message {
    color: #000;
    text-shadow: #FFF 0 2px 2px;
    margin-left: 80px;
    opacity: 0.45;
}