/*
* 
* @pedroiarossi
*
*/

@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap');


h1::selection { background: #8f8f8f; } h1::-moz-selection { background: #8f8f8f; }
h2::selection { background: #8f8f8f; } h2::-moz-selection { background: #8f8f8f; }
h3::selection { background: #8f8f8f; } h3::-moz-selection { background: #8f8f8f; }
h4::selection { background: #8f8f8f; } h4::-moz-selection { background: #8f8f8f; }
h5::selection { background: #8f8f8f; } h5::-moz-selection { background: #8f8f8f; }
h6::selection { background: #8f8f8f; } h6::-moz-selection { background: #8f8f8f; }
p::selection { background: #8f8f8f; } p::-moz-selection { background: #8f8f8f; }
br::selection { background: #8f8f8f; } br::-moz-selection { background: #8f8f8f; }
img::selection { background: #8f8f8f; } img::-moz-selection { background: #8f8f8f; }
a::selection { background: #8f8f8f; } a::-moz-selection { background: #8f8f8f; }

/* ----- Layout ----- */ 

html, body, #capa {
    height: 100%;
}

body {
    background: black;
    background-attachment: fixed;
}


/* ----- Menu ----- */ 

.menu {
    background-color: rgba(0, 0, 0, 0.6);
    transition: all .5s ease 0s;
    transition: all .5s ease 0s;
    backdrop-filter: blur(20px);
}

.menu a{
    color: #8f8f8f;
    filter: none;
}

.menu a:hover {
    color: #fff;
    transition: all .2s ease 0s;
}

/* ----- Capa ----- */ 

#capa {
    color: #000;
    font-weight: 900;
    text-shadow: 1px 1px 2px #FFF ;
}

.capaimg {
    transition: all .5s ease 0s;
    align-self: center;
    filter: none;
}

.capaimg:hover {
    filter: blur(5px);
}

#videobg {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    filter: blur(25px);
}

@media (min-aspect-ratio: 16/9) {
    #videobg {
        width: 100%;
        height: 100%;
    }
}

@media (max-aspect-ratio: 16/9) {
    #videobg {
        width: auto;
        height: 100%;
    }
}


.btn-custom {
    color: #000;
    border-radius: 15px;
    -webkit-border-radius:500px;
    -moz-border-radius:500px;
    text-transform: uppercase;
    transition: background 0.4s, color 0.4s;
    padding: 10px 15px;
}

.btn-branco:hover {
    background: #FFF;
    color: #8f8f8f;
}

/* ----- Rodape ----- */

#rodape {
    background: #000;
    color: #FFF;
    height: 150px;
}