body {
    position: absolute;
    /*right: 100px;*/
    left: 80px;
    background-color: blanchedalmond;
    font-family: 'Arial';
    font-size: 14px;
    /*font-size: 100%;*/
    color: darkslateblue;
    font-style: normal;
}

#zeroEl {
    margin-left: 150px;
    /*margin-left: 300px; this seems to do nothing at all. Why? changed before making static left*/
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 8px;
    padding-bottom: 12px;
    width: 400px;
}

#firstEl {
    font-size: 14px;
    margin-left: 0px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 8px;
    padding-bottom: 12px;
}

fieldset {
    background-color:lightgrey;
    border: 2px groove purple;
}

legend {
    background-color: #000;
    color: #fff;
    padding: 3px 6px;
}

.ToneGen{
    font-family:'Times New Roman', Times, serif;
    font-size: 120%;
    color: purple;
    width: 350px;

}

.ToneGenPlayPause{
    margin-left: 120px;
}


#formSet {
    display: flex;
    gap: 30px;
    
}
#freq {
    display: flex;
    padding-bottom: 5px;
}

input[type="number"]{
    width: 80px;
}
#vol{
    display: flex;
}
#freqLabel {
    margin-right: 13px;
    margin-left: 12px; /*add 7 px to each control label left margin*/
}
#volLabel {
    margin-right: 14px;
    margin-left: 32px; /*was 26px*/
}

#waveLabel {
    margin-left: 7px;
    margin-right: 10px;
}

#waveLabel::after {
    content: ":";
}

#freqLabel::after {
    content: ":";
}

#volLabel::after {
    content: ":";
}
/* the id=radioBlock has display:flex attribute that places elements with line breaks in line beneath the <span> elements 1st span element type=input
    that has a <br> and the following 3 elements align with that one. This as opposed to them aligning on the left margin that's the inheirited
    30px from the body{}
*/
#radioBlock {
    display: flex;
    margin-bottom: 9px;
}

.SuperpositionJpj {
    /*margin-top: 150px;
    left: 450px;*/
    background-color: blanchedalmond;
    border-color: blue;
    border-width: 3px;
    /*width: 600px;*/
}

