#main-grid {
    height: 20;
    margin: 1 2;
    background: #232a38;
    color: #f5e0dc;
    border: heavy #a5b6d7;
    border-title-color: #b7bdfc;
    border-title-style: bold;
    padding: 1 1;
    grid-size: 3 2;
    grid-gutter: 1 1;
    grid-rows: 1fr 1fr;
    grid-columns: 1fr 1fr 1fr;
}

#host-labelinput {
    height: auto;
    width: 100%;
    content-align: left middle;
    text-align: left;
    background: #3a415a;
    border: solid #a5b6d7;
    border-title-color: #b7bdfc;
    padding: 0 1 0 1;
    margin: 0 1 0 1;
}

#host-label {
    padding: 0 1;
}

#port-labelinput {
    height: auto;
    width: 100%;
    content-align: left middle;
    text-align: left;
    background: #3a415a;
    border: solid #a5b6d7;
    border-title-color: #b7bdfc;
    padding: 0 1 0 1;
    margin: 0 1 0 1;
}

#port-label {
    padding: 0 1;
}

#streamname-labelinput {
    height: auto;
    width: 100%;
    content-align: left middle;
    text-align: left;
    background: #3a415a;
    border: solid #a5b6d7;
    border-title-color: #c6a0f6;
    padding: 0 1 0 1;
    margin: 0 1 0 1;
}

#streamname-label {
    padding: 0 1;
}

#request-labelinput {
    height: auto;
    width: 100%;
    content-align: left middle;
    text-align: left;
    background: #3a415a;
    border: solid #a5b6d7;
    border-title-color: #b7bdfc;
    padding: 0 1 0 1;
    margin: 0 1 0 1;
    column-span: 3;
}

#request-label {
    padding: 0 1;
}

#request-input {
    width: 100%;
    display: block;
}