body{
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.container {
    display: flex;
    gap: 35px;
    align-items: center;
}

.container button, .container input {
    padding: 8px 12px;
}

#input{
    width: 100px;
}

#led {
    border-radius: 50%;
    width: 35px;
    height: 35px;
}

.on {
    background-color: #ff0000;
    box-shadow: #ff0b0b 0px 0px 35px, #ff0000 0px 0px 25px;
}

#volumeControl {
    display: flex;
    margin: 12px 0;
    align-items: center;
    gap: 7px;
    width: fit-content;

}

#volumeInputContainer input {
    display: block;
}

#volumeInputContainer span {
    display: block;
}

#volumeInputContainer {
    display: flex;
    align-items: center;
}