body{
margin:0;
background:#fff;
overflow:hidden;
font-family:Georgia,serif;
}

/* intro container */

#intro{
position:fixed;
width:100%;
height:100vh;
display:flex;
align-items:center;
justify-content:center;
}

/* logo */

#logoIntro{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:220px;
}

/* face */

.faceStage{

position:absolute;

top:50%;
left:50%;

transform:translate(-50%,-50%);

width:220px;
height:260px;

display:flex;
align-items:center;
justify-content:center;

opacity:0;

}

#face{
width:200px;
}

/* ribbon */

#goldRibbon{

position:absolute;
bottom:40px;
width:100%;
height:120px;

opacity:0;

}

#goldRibbon svg{
width:100%;
height:100%;
}