#request-input.request-sent {
    border: solid #a6e3a1;
    background: #313244;
    color: #a6e3a1;
    transition: border-color 0.2s, background 0.2s, color 0.2s;
}
#main-grid {
    height: 30;
    margin: 1 2;
    background: #1e1e2e;
    color: #f5e0dc;
    border: heavy #313244;
    border-title-color: #b4befe;
    border-title-style: bold;
    padding: 1 1;
    grid-size: 3 3;
    grid-gutter: 1 1;
    grid-rows: 25% 22% 57%;
    align: center middle;
}

#host-labelinput {
    height: auto;
    width: 1fr;
    content-align: left middle;
    text-align: left;
    background: #2a273f;
    border: solid #313244;
    border-title-color: #f5c2e7;
    padding: 0 1;
    margin: 0 1;
}

#host-label {
    padding: 0 1;
}

#port-labelinput {
    height: auto;
    width: 1fr;
    content-align: left middle;
    text-align: left;
    background: #2a273f;
    border: solid #313244;
    border-title-color: #b4befe;
    padding: 0 1;
    margin: 0 1;
}

#port-label {
    padding: 0 1;
}

#streamname-labelinput {
    height: auto;
    width: 1fr;
    content-align: left middle;
    text-align: left;
    background: #2a273f;
    border: solid #313244;
    border-title-color: #c6a0f6;
    padding: 0 1;
    margin: 0 1;
}

#streamname-label {
    padding: 0 1;
}

#request-labelinput {
    column-span: 3;
    height: auto;
    width: 1fr;
    content-align: left middle;
    text-align: left;
    background: #2a273f;
    border: solid #313244;
    border-title-color: #b4befe;
    padding: 0 1;
    margin: 0 1;
}

#request-label {
    padding: 0 1;
}

#response-log {
    column-span: 3;
    height: 0.8fr;
    background: #181825;
    color: #f5e0dc;
    border: solid #313244;
    border-title-color: #b4befe;
    padding: 1;
    margin: 0 1;
    overflow-y: auto;
    scrollbar-background: #2a273f;
    scrollbar-color: #c6a0f6;
    scrollbar-size: 1 1;
}