body{
  background-color: #7cab4e !important;
}

.lead, .attention-getter {
    font-family: var(--font-1);
    font-weight: 300;
    font-size: var(--text-md);
    line-height: var(--vspace-1_25);
    color: #000000;
}

 /* Modelo 1 */

canvas {
  /* mix-blend-mode: multiply; */
    width: 100%;
    height: 100%;
    image-rendering: optimizeQuality;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;

  }


  /* Modelo 2 */
/* ----------------------------------------------
 * Generated by Animista on 2023-2-6 15:5:36
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-in-left
 * ----------------------------------------
 */
 @keyframes scale-in-left {
  0% {
    transform: scale(0);
    transform-origin: 0% 50%;
    opacity: 1;
  }
  100% {
    transform: scale(1);
    transform-origin: 0% 50%;
    opacity: 1;
  }
}

/**
 * ----------------------------------------
 * animation scale-in-bottom
 * ----------------------------------------
 */
 @keyframes scale-in-bottom {
  0% {
    transform: scale(0);
    transform-origin: 50% 100%;
    opacity: 1;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 100%;
    opacity: 1;
  }
}


/**
 * ----------------------------------------
 * animation scale-in-right
 * ----------------------------------------
 */
 @keyframes scale-in-right {
  0% {
    transform: scale(0);
    transform-origin: 100% 50%;
    opacity: 1;
  }
  100% {
    transform: scale(1);
    transform-origin: 100% 50%;
    opacity: 1;
  }
}


/**
 * ----------------------------------------
 * animation scale-in-tr
 * ----------------------------------------
 */
 @keyframes scale-in-tr {
  0% {
    transform: scale(0);
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    transform: scale(1);
    transform-origin: 100% 0%;
    opacity: 1;
  }
}


/**
 * ----------------------------------------
 * animation scale-in-tl
 * ----------------------------------------
 */
 @keyframes scale-in-tl {
  0% {
    transform: scale(0);
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    transform: scale(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}


/**
 * ----------------------------------------
 * animation scale-in-top
 * ----------------------------------------
 */
 @keyframes scale-in-top {
  0% {
    transform: scale(0);
    transform-origin: 50% 0%;
    opacity: 1;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 0%;
    opacity: 1;
  }
}


/* ----------------------------------------------
 * Generated by Animista on 2023-2-6 15:59:49
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation kenburns-bottom-right
 * ----------------------------------------
 */
 @keyframes kenburns-bottom-right {
  0% {
    transform: scale(1);
    transform-origin: 0%;
  }
  100% {
    transform: scale(1.25);
    /* transform-origin: right bottom; */
  }
}


.kenburns-bottom-right {
	animation: kenburns-bottom-right 2s ease-out both;
}

.scale-in-tl {
	animation: scale-in-tl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.scale-in-tr {
	animation: scale-in-tr 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.scale-in-right {
	animation: scale-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}


.scale-in-left {
	animation: scale-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1s both;
}

.scale-in-bottom {
	animation: scale-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.scale-in-top {
	animation: scale-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}




  #onde_x5F_fica_x5F_a_x5F_independencia_x5F_Imagem{
    animation: scale-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s both;
  }

  #segue_x5F_direto_x5F_depois_x5F_vire_x5F_a_x5F_esquerda_x5F_Imagem{
    animation: scale-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 4s both;
  }
  
  #esse_x5F_dai_x5F_ta_x5F_mais_x5F_perdido_x5F_Imagem{
  animation: scale-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 6s both;
  }

  #cheguei_x5F_atrasado_x5F_Imagem{
    animation: scale-in-tl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 8s both;
  }

 #caraca_x5F_corri_x5F_muito_x5F_Imagem{
  animation: scale-in-tl 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 10s both;
  }

  #bandeira_x5F_branca_x5F_Imagem{
    animation: scale-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 12s both;
  }

  #viva_x5F_viva_x5F_Imagem{
    animation: scale-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 14s both;
  }


  #ficha-obra{
    margin: 0 0 var(--vspace-1) 0 !important;
    padding: var(--vspace-1) var(--vspace-1_5) !important;
    border-left: 2px solid #dd614a !important;
    position: relative !important;
  }
  #ficha-obra cite{
   color: #ffffff; 
   border: none; 
   font-size: var(--base-font-size);
  }
 

  #content{
    padding: 0px;
  }


    /* Modelo 3 */
   
    figcaption{
      font-family: var(--font-1);
      font-weight: 400;
      font-size: var(--text-sm);
      line-height: var(--vspace-0_75);
      font-style: normal;
      color: #000000;
      text-align: left;
    }
    
    .hashtag{
      font-weight: 600;
    }

    blockquote cite, blockquote cite a, blockquote cite a:visited {
      color: #ffffff;
      border: none;
      font-size: var(--base-font-size);
    }
    
    blockquote {
      margin: 0 0 var(--vspace-1) 0;
      padding: var(--vspace-1) var(--vspace-1_5);
      border-left: 2px solid #dd614a;
      position: relative;
    }

    blockquote cite:before {
      content: "\2014 \0020";
    }