html,
body{

    width:100%;
    height:100%;
    margin:0;
    overflow:hidden;
    font-family:Arial, Helvetica, sans-serif;
    color:#FFF;

}

#bg-video{

    position:fixed;
    right:0;
    bottom:0;

    min-width:100%;
    min-height:100%;

    object-fit:cover;

    z-index:-2;

}

.overlay{

    position:fixed;

    width:100%;
    height:100%;

    background:rgba(0,0,0,.45);

    z-index:-1;

}

.container{

    height:100vh;

}

.logo{

    max-width:240px;
    width:80%;

    animation:fade 2s;

}

.titulo{

    font-size:52px;

    font-weight:300;

    letter-spacing:2px;

    animation:fade 2.5s;

}

.texto{

    font-size:22px;

    color:#f2f2f2;

    animation:fade 3s;

}

.dominio{

    display:inline-block;

    padding:15px 35px;

    border:1px solid rgba(255,255,255,.35);

    border-radius:40px;

    background:rgba(255,255,255,.10);

    backdrop-filter:blur(10px);

    font-size:28px;

    animation:fade 3.5s;

}

@keyframes fade{

    from{

        opacity:0;
        transform:translateY(40px);

    }

    to{

        opacity:1;
        transform:translateY(0);

    }

}

@media(max-width:768px){

.titulo{

    font-size:34px;

}

.texto{

    font-size:18px;

}

.dominio{

    font-size:20px;

}

.logo{

    max-width:180px;

}

}