button{
    box-sizing: border-box;
    margin-left: 0.5vh;
    text-transform: none;
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    color: #fff;
    background-color: #F09199;
    cursor: pointer;
}
button:hover {
    color: #fff;
    background-color: #D88289;
    border-color: #c27588;
}
button:active {
    color: #fff;
    background-color: #D88289;
    border-color: #c27588;
    box-shadow: 0 0 0 .25rem rgba(216,130,137,.5);
}
select{
    box-sizing: border-box;
    margin: 0;
    font-family: inherit;
    text-transform: none;
    word-wrap: normal;
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border-radius: .25rem;
    appearance: none;
}
#input{
    box-sizing: border-box;
    margin: 0;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.setting {
    display: none;
    position: relative;
    text-align: center;
    padding-top: 1vh;
}
.intervalcontainer{
    position: relative;
    bottom: 12px;
    display: inline-grid;
}
.slidecontainer {
    position: relative;
    text-align: center;
    width: 40%;
    display: inline-grid;
}
.setting button{
    position: relative;
    display: inline-grid;
    bottom: -15px;
}
.slider {
    -webkit-appearance: none;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 25px;
    width: 100%;
    box-sizing: border-box;
    height: 1.5rem;
    background-color: transparent;
}
.slider::-webkit-slider-thumb {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-top: -.25rem;
    background: #F09199;
    cursor: pointer;
    pointer-events: all;
    position: relative;
    z-index: 1;
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    appearance: none;
}
.slider::-webkit-slider-thumb:active {
	background-color: #f3a7a9;
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(240, 145, 153, 0.25)
}
.slider::-webkit-slider-runnable-track {
	width: 100%;
	height: .5rem;
	color: transparent;
	cursor: pointer;
	background-color: #dee2e6;
	border-color: transparent;
	border-radius: 1rem;
}
.slider::-moz-range-thumb {
    width: 15px;
    height: 15px;
    border-radius: 50%; 
    background: #F09199;
    cursor: pointer;
    pointer-events: all;
    position: relative;
    margin-top: -.25rem;
    z-index: 1;
    -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	-moz-appearance: none;
	appearance: none
}
.slider::-moz-focus-outer {
	border: 0
}
.slider::-moz-range-thumb:active {
	background-color: #f3a7a9;
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(240, 145, 153, 0.25)
}
.slider::-moz-range-track {
	width: 100%;
	height: .5rem;
	color: transparent;
	cursor: pointer;
	background-color: #dee2e6;
	border-color: transparent;
	border-radius: 1rem
}
.chartcontainer{
    width:80vw;
    height:80vh;
    margin:0 auto;
}
.toolbar{
    width:90vw;
    height:10vh;
    padding-top: 1vh;
    padding-left: 5vh;
    margin:0 auto;
    text-align: center;
}
.tooltiptext {
    display: none;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    margin-left: -50px;
    margin-top: -70px;
    z-index: 10;
}
body {
    display: grid;
    font-size: 16px;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
    -webkit-font-smoothing: antialiased;
}
h1{
    text-align: center;
    font-size: 20px;
    color: #666666;
    margin: 0;
}