    html,
    body {
        margin: 0;
        height: 100%;
        width: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    #c {
        width: 100%;
        height: 100vh;
        display: block;
    }

    #start {
        font-size: 8rem;
        position: absolute;
    }

    .ldBar-label {
        text-align: center;
    }

    .lblTo {
        position: absolute;
        width: 100%;
        top: 2rem;
        font-size: 2rem;

    }

    .lblTo .row div:first-child {
        font-family: "NeuzeitGrotesk-Reg";
        color: #f8eff5;
        letter-spacing: 0.1rem;
        position: absolute;
        width: 100%;
        left: 0;
    }

    .lblTo .row div:nth-child(2) {
        color: #863771;
        letter-spacing: 0.1rem;
        font-family: "Override";
        font-weight: 800;
        margin-top: 27px;
        font-size: 2.2rem;
        transform: rotate(350deg);
    }

    .lblTo .row div:nth-child(3) {
        font-family: Arial;
        line-height: 1rem;
        font-size: 1.3rem;
    }

    .lblFrom {
        position: absolute;
        width: 100%;
        font-size: 2rem;
        bottom: 7rem;
    }

    .lblFrom .row div:first-child {
        color: #8e497d;
        font-family: 'Override';
        line-height: .9rem;
        font-weight: 900;
    }

    .lblFrom .row div:nth-child(2) {
        font-size: 1.5rem;
        line-height: 1.1;
        font-weight: 700;
    }

    @font-face {
        font-family: 'Addison Brother';
        src: url('../font/Addison Brother.otf') format('opentype');
    }

    @font-face {
        font-family: 'NeueMachina-Reg';
        src: url('../font/NeueMachina-Regular.otf') format('opentype');
    }

    @font-face {
        font-family: 'NeuzeitGrotesk-Reg';
        src: url('../font/NeuzeitGrotesk-Reg.otf') format('opentype');
    }

    @font-face {
        font-family: 'Override';
        src: url('../font/Override.ttf') format('opentype');
    }

    .createYourOwn {
        position: absolute;
        z-index: 10000;
        width: 100%;
        bottom: 2rem;
    }

    .btn-aurum {
        background-color: white;
        color: #a56e96 !important;
        font-size: 1.5rem;
        font-family: 'NeuzeitGrotesk-Reg';
        border-radius: 12px;
    }

    .img-loading {
        width: 151px;
        height: 60px;
        position: absolute;
        bottom: 5rem;
    }

    #video-cover {
        position: absolute;
        width: 100vw;
        height: 100vh;
        z-index: 1;
    }

    #c {
        position: absolute;
        z-index: 2;
    }

    .click-icon {
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
        bottom: 43vh;
        z-index: 12000;
        animation: iconAnimation 1s infinite alternate ease-in-out;
        transition: opacity .5s ease-in-out;
        /* opacity: 1; */
    }

    @keyframes iconAnimation {
        0% {
            transform: translate(-50%, 0);
        }

        100% {
            transform: translate(-50%, 10px);
        }
    }

    video {
        object-fit: cover;
        width: 100vw;
        height: 100vh;
        position: fixed;
        top: 0px;
        left: 0px;
        margin-left: 0px;
        z-index: 1000;
    }