/****** BASE ******/
.cLgFons
{
  position:absolute;
  background: rgb(254, 223, 107);
  animation: 4s aLgFons;
  animation-fill-mode: forwards;
}
@keyframes aLgFons
{
  0%   {width: 100%; height: 100%; border-radius: 0%; left: 0%; top: 0%; opacity: 0;}
  25%  {width: 40%; height: 40%; border-radius: 0%; left: 30%; top: 30%; opacity: 1;}
  92%  {width: 40%; height: 40%; border-radius: 0%; left: 30%; top: 30%; opacity: 1;}
  100% {width: 15%; border-radius: 10%; left: 15%; top: 5%; opacity: 1;} 
}
.cLgFons:after 
{
  content: "";
  display: block;
  padding-bottom: 100%;
}

.cLgGinesta
{
  position:absolute;
  width: 30%; height: auto; left: 35%; top: 35%;
  animation: 3s aLgGinesta;
  animation-fill-mode: forwards;
}
@keyframes aLgGinesta
{
  0% {opacity: 0;} 
  30% {opacity: 0;} 
  67% {opacity: 1;} 
  75% {width: 30%; height: auto; left: 35%; top: 35%;} 
  100% {width: 20%; height: auto; left: 76%; top: 3%;}  
}

.cLgAnagrama
{
  position:absolute;
  animation: 4s aLgAnagrama;
  animation-fill-mode: forwards;
}
@keyframes aLgAnagrama
{
  0% {width: 0%; height: auto; left: 50%; top: 51%; opacity: 0;} 
  13% {width: 0%; height: auto; left: 50%; top: 51%; opacity: 0;} 
  25% {width: 20%; height: auto; left: 40%; top: 39%; opacity: 1} 
  85% {width: 20%; height: auto; left: 40%; top: 39%; opacity: 1} 
  100% {width: 20%; height: auto; left: 40%; top: 39%; opacity: 0}  
}

.cLgTitol01
{
  position:absolute;
  animation: 4s aLgTitol01;
  animation-fill-mode: forwards;
}
@keyframes aLgTitol01
{
  0%   {width: 0%; height: 0%; left: 50%; top: 52%; opacity: 0;} 
  13%  {width: 0%; height: 0%; left: 50%; top: 52%; opacity: 0;} 
  25%  {width: 30%; height: auto; left: 35%; top: 54%; opacity: 1}  
  85%  {width: 30%; height: auto; left: 35%; top: 54%; opacity: 1}  
  100% {width: 30%; height: auto; left: 35%; top: 54%; opacity: 0}  
}

.cLgTitol02
{
  position:absolute;
  width: 20%; height: auto; left: 76%; top: 22%;
  animation: 3500ms aLgTitol02;
  animation-fill-mode: forwards;
}
@keyframes aLgTitol02
{
  0%   {opacity: 0;} 
  85%  {opacity: 0;} 
  100% {opacity: 1;}  
}

.cCorreu
{
  opacity: 0;
  animation: 1s aCorreu;
  animation-delay: 3s;
  animation-fill-mode: forwards;
}
@keyframes aCorreu
{
  0%   {opacity: 0;}
  100% {opacity: 1;}
}