#speedtest {
    font-family: 'Signika', sans-serif;
    color: black;
    position: absolute;
    width: 400px;
    height: 200px;
    margin-left: -200px;
    margin-top: -100px;
    left: 50%;
    top: 50%;
    /* background-color: rgb(112, 146, 130); */
    text-align: center;
    z-order: 1000;
}

button {
    padding: 0.8rem;
    border: 0;
    outline: none;
    background-color: #fff;
    font-weight: bold;
}

button.choice {
    background-color: #ffc800;
}

progress {
    width: 100%;
    height: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearence: none;
    border: none;
    visibility: hidden;
    background-color: #d7fde6;
    transition-timing-function: linear;
}

progress[value] {
    transition: width 100ms;
    background-color: #0a7736;
}

progress::-webkit-progress-bar {
    background-color: #b4ffe0;
}

progress::-moz-progress-bar {
    background-color: #b4ffe0;
}

progress::-webkit-progress-value {
    transition: width 100ms;
    background-color: #0a7736;
}

progress::-moz-progress-value {
    transition: width 100ms;
    background-color: #0a7736;
}

#result {
    font-size: 1.5rem;
}

#title {
    font-size: 1.5rem;
}

#resultDone {
    font-size: .8rem;
    font-weight: bold;
}

#eta {
    font-size: 1rem;
}

.speedtable {
    width: 100%;
}