@font-face {
    font-family: 'Akkurat';
    src: url('lineto-akkurat-regular.woff2') format('woff2');
  }

body{
    overflow: hidden;
    margin:0;
    font-family: 'Akkurat', sans-serif;
    background-color: #eee;
    font-size:2em;
}
.svg-container{
    position:fixed;
    background-color: #eee;
}
.date{
    z-index:1000;
}
.legend{
z-index:1000;
background-color: rgba(255, 255, 255, 0.5);
border: 1px solid black;
padding: 1em;
}

.slidecontainer {
    z-index:1000;
}

/* The slider itself */
.slider {
-webkit-appearance: none;

height: 15px;
border-radius: 5px;
background: #d3d3d3;
outline: none;
opacity: 0.7;
-webkit-transition: .2s;
transition: opacity .2s;
}

.slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 25px;
height: 25px;
border-radius: 50%;
background-color: #f7a116;
cursor: pointer;
}

.slider::-moz-range-thumb {
width: 25px;
height: 25px;
border-radius: 50%;
background: #f7a116;
cursor: pointer;
}
.hashtag-list{
overflow: scroll;
max-height: 10em;
}
#explanation{
    margin-top:1em;
}