.stream{

    position: absolute;
    top: calc(100vh - 75%);

    width: 800px;
    aspect-ratio: 16/9;

    display: flex;
    align-items: center;
    justify-content: center;

}

.streamPreview{

    width: 500px;
    aspect-ratio: 16/9;
    margin-bottom: 150px;
    margin-left: -150px;
    border-radius: 10px;

    position: absolute;

    background: #00000a;

    z-index: 1;

}


.streamHeader{

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;

    position: relative;
    top: 60px;

    z-index: 3;

}

.streamBubble{

    width: 180px;
    height: 30px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 3px;

    color: #fff;

    border-radius: 15px;

    background: #fc4040;

}