#streamWrapper
{
    width:650px;
    height:370px;
    position: relative;
    background-color: #2a2828;
}

#streamOffline
{
    width:100%;
    height:100%;
    background-color: #2a2828;
}

#StreamOfflineMort
{
    animation: squiggly-anim infinite .5s;
    width: 33%;
    top: 19%;
    left: 5%;
    position: absolute;
    background-color: #2a2828;
}

#StreamOfflineHead
{
    position: absolute;
    left: 44%;
    top:25%;
}

#StreamOfflineWitty
{
    position: absolute;
    left: 45%;
    top: 49%;
    font-size: large;
}

#mortStream
{
    height:100%;
    width:100%;
    display: none;
    pointer-events: none;
}

#streamControl
{
    width: 650px;
    background-color: #5a5656;
    display: flex;
    justify-content: space-evenly;
}

#endBroadcastButton
{
    display: none;
}

#streamControl button
{
    background-color:red;
    display: flex;
    border-radius: 50%;
    aspect-ratio: 1/1;
    justify-content: center;
    align-items: center;
    width:50px;
    transition: all .5s;
}

#streamControl button:hover
{
    box-shadow:
    0 0 6px 3px #fff, 
    0 0 10px 6px rgb(142, 197, 253), 
    0 0 14px 9px rgb(226, 174, 233); 
    transform: rotate(720deg);
}

#streamControl span
{
    font-size: x-large;
}