.heading {
    text-align:center;
}

h1 {
    margin-top: 0px;
    margin-bottom: 10px;
    font-family: sans-serif;
    font-size: 3rem;
    background: linear-gradient(to right, #ef5350, #f48fb1, #7e57c2, #2196f3, #26c6da, #43a047, #eeff41, #f9a825, #ff5722);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.test {
    display:flex;
    justify-content: center;
    align-items: flex-start;
}

.test > div {
    background: skyblue;
    width: 600px;
    height: 600px;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    border: 2px solid black;
    border-radius: 10px;
}

input {
    margin-top: 20px;
    width: 100px;
    height: 30px;
    border-radius: 10px;
    border-color: black;
    background-color: #26c6da;
    justify-self: center;

}

.status {
    font-size: medium;
}

.status > span {
    color: red;
}

.footer {
    justify-self:center;
}

input[type=range] {
    width: 40px;   /* Breite */
    height: 8px;    /* Höhe der Schiene */
}