text on video about vide HOT 1 OPEN

    video {
        width: 100%;
    }
    
    @mixin center() {
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
    }
    
    #container {
        position: absolute;
        left: 5%;
        right: 0;
        top: 0;
        bottom: 0;
        height: 15%;
        margin: auto;
        color: rgb(243, 133, 0);
        font-size: 60pt;
        text-align: center;
        mix-blend-mode: difference;
        @include center();
    }
    
    .title {
        font-weight: 800;
        color: transparent;
        font-size: 120px;
        background: url("https://pbs.twimg.com/media/D0qmD4KX0AAjEap.jpg") repeat;
        background-position: 40% 50%;
        -webkit-background-clip: text;
        position: relative;
        text-align: center;
        letter-spacing: -8px;
    }
    
    .subtitle {
        display: block;
        text-align: center;
        padding-top: 10px;
        font-size: 1.7rem;
    }
</style>