@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Style+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@200&display=swap');

#fundoLogo{
    font-size: 6em;
    font-weight: bolder;
    font-family: 'Cinzel Decorative', serif;
    color:#D79C2E;
    letter-spacing: .1em;
    z-index: 1;
    opacity: 0;
    transition: opacity 1s ease-in-out;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    
}

#frenteLogo{
    font-size: 2.0em;
    font-weight: bolder;
    font-family: 'Style Script', cursive;
    position: absolute;
    left: 0;
    top: 1.3em;
    z-index: 2;
    transition: .4s;
}

.fonteLogo{
    font-family: 'Josefin Sans', sans-serif;
    font-size: 1.8em;
   
}

.boxLogo{
    display: block;
    width: 25em;
    height: 12em;
    overflow: hidden;
    position: relative;
    margin-left: 1em;
}

*{
    padding: 0;
    margin: 0;
    overflow-x: hidden;
}

.boxFoto{
   display: block;
   overflow: hidden;
   max-width: 25em;
}