html {
    overflow-x: hidden; 
    max-width: 100%;
    padding: 12px;
}
div.tooltip {
    position: absolute;
    text-align: center;
    width: auto;
    height: auto;
    padding: 2px;
    font: 12px;
    background: rgb(204, 208, 214);
    border: 0px;
    border-radius: 8px;
    pointer-events: none;
}
#year-slider, #year-slider-highest {
    width:500px;
}
#play-button, #play-button-highest {
    position: absolute;
    background: darkblue;
    border-radius: 3px;
    border: none;
    color: white;
    margin: 0;
    width: 60px;
    cursor: pointer;
    height: 30px;
    margin-top:3px;
}
#play-button:hover, #play-button-highest:hover {
    background-color: #4b14d8;
}   
.graph {
    padding-top:25px;
}
.header-annotations {
    color: gray;
    font-size: 15px;
    line-height: 15px;
}
p, h3 {
    padding: 0px; 
    margin: 8px;
}
.tab {
    display:flex;
    position:relative;
    width:100%;
    margin:0; padding:0;
    overflow: hidden;
}
.tab button {
    display:inline-block;
    background:rgb(131, 191, 244);
    cursor:pointer;
    margin:0; padding:5px 25px 5px 15px;
    border:none;
    clip-path: polygon(100% 0, 90% 0, 100% 100%, 0 100%, 0.5% 0);
}
.tab button:hover {
    background-color: rgb(97, 136, 221);
}
.tab button.active {
    background-color: rgb(161, 181, 231);
}
.tabcontent {
    border: solid 1px rgb(152, 199, 241);
    display: none;
    text-align: center;
    padding: 10px;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}
@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}