.logo-container {
    text-align: left;
    display: inline-block;
    /*position: relative;*/
    /*top: 0px;*/
}

.logo {
    letter-spacing: 0.15em;
}



.letter-spacing-narrow {
    letter-spacing: -0.1em;
}

.generate-stream-id-button {
    font-size: 25px;
    position: relative;
    top: 4px;
    left: 2px;
    cursor: pointer;
    color: color(srgb 0.468 0.4689 0.485);
}

.l-constrained {
    max-width: 720px !important;
    /*margin: 0 auto;*/
}

.stream-id {
    font-size: 1.2em;
    color: #9a3468;
    display: inline;
    font-family: "Courier New", Courier, monospace;
}

.no-select * {
    -user-select: none;
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
}

.copy-to-clipboard {
    cursor: pointer;
}

.qr-code > * {
    /*border: 1px solid red;*/
    position: relative;
    left: -15px;

    /*border: 1px solid #222;*/
}