body {
    background-color: #1e1e1e;
}

* {
   color: #007acc;
}

label {
    padding-right: 15px;
}

input {
    color: #1e1e1e;
}

.track {
    border: 3px solid #3e3e42;
    padding: 5px;
}

input[name="bars"] {
    width: 30px;
}

select[name="effects"] {
    color: #1e1e1e;
}

input[type="range"] {
    width: 100%;
}

.firstrow {
    width:50%
}

.row {
    margin-bottom: 10px;
}

section {
    text-align: center;
}

#trackbar {
    width: 100%;
    background-color: #3e3e42;
    height: 50px;
    margin-bottom: 5px;
}

/* 
#track1effectsknob {
    width: 50%;
    float: right;
    position:absolute;
    top: 153px;
    left: 60%;
} */

#track1bar {
    width: 50%;
    background-color: black;
    height: 45px;
    margin: 2.5px;
    border: 1px solid #007acc;
}


#track2bar {
    width: auto;
    background-color: grey;
    height: 50px;
}

#track3bar {
    width: auto;
    background-color: grey;
    height: 50px;
}

#track4bar {
    width: auto;
    background-color: grey;
    height: 50px;
}