@import url(https://fonts.bunny.net/css?family=voltaire:400);
@import url(https://fonts.bunny.net/css?family=noto-emoji:300,400,500,600,700);
/*font-family: 'Noto Emoji', sans-serif;*/
@font-face {
    font-family: 'Efon';
    url('/webfonts/efon/EFON.otf') format('opentype'),
    src: url('/webfonts/efon/EFON.eot');
    src: url('/webfonts/efon/EFON.woff2') format('woff2'),
         url('/webfonts/efon/EFON.woff') format('woff'),
         url('/webfonts/efon/EFON.ttf')  format('truetype'),
}

@font-face {
    font-family: "STF Yunque Regular";
    src: url("/webfonts/STF_Yunque_Regular/STFYunque-Variable.woff"),
    url("/webfonts/STF_Yunque_Regular/STFYunque-Variable.woff2");
    font-weight: 100 900;
    unicode-range: U+0020-0021, U+0026-002A, U+002C-003B, U+003F,
        U+0041-005A, U+0061-007A, U+00A0-00A1, U+00B7, U+00BF-00D6,
        U+00D8-00DE, U+00E0-00F6, U+00F8-00FF, U+0152-0153, U+0174-0178,
        U+0300-0303, U+0308, U+030A, U+1E80-1E85, U+1EF2-1EF3, U+2013-2014,
        U+2018-2019, U+201C-201D, U+2022;
}
:root {
    --stf-yunque-regular-aalt: "aalt" off;
    --stf-yunque-regular-ss01: "ss01" off;
    --stf-yunque-regular-ss02: "ss02" off;
}




*,
*:before,
*:after {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
}

:root {
  box-sizing: border-box;
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
}

html{
    scroll-behavior: smooth;
    scrollbar-gutter: auto;
}

/* Scrollbars in Chrome/Edge/Safari */

body::-webkit-scrollbar {
    width: 10px;               /* width of the entire scrollbar */
  }
  body::-webkit-scrollbar-track {
    background: #ffffff;        /* color of the tracking area */
  }
  body::-webkit-scrollbar-thumb {
    background-color:#fbcb04;    /* color of the scroll thumb */
    border-radius: 20px;       /* roundness of the scroll thumb */
    border: 2px solid #ffffff;  /* creates padding around scroll thumb */
  }
/* Scrollbars in Firefox */
  body {
    scrollbar-width: thin;          /* "auto" or "thin"  */
    scrollbar-color: #fbcb04 #ffffff;   /* scroll thumb & track */
  }

  /* The emerging W3C standard
   that is currently Firefox-only */
* {
    scrollbar-width: thin;
    scrollbar-color: #fbcb04 #ffffff;
  }
  
  /* Works on Chrome/Edge/Safari */
  *::-webkit-scrollbar {
    width: 12px;
  }
  *::-webkit-scrollbar-track {
    background: #fbcb04;
  }
  *::-webkit-scrollbar-thumb {
    background-color:  #fbcb04;
    border-radius: 20px;
    border: 4px solid #f1feff; 
  }
  
  
  
body {
	margin: 1em;
	font-family: "STF Yunque Regular", sans-serif;
    font-variation-settings: "wght" 500;
   --stf-yunque-regular-aalt: "aalt" on;
   --stf-yunque-regular-ss01: "ss01" on;
  --stf-yunque-regular-ss02: "ss02" on;
	color: #fff;
	background: #F2F2F2;
	font-size: 14px;
	  cursor: none;
}

a {
    font-size:1.1em;
    color: white;
    display: inline-flex;
   	transition: background 0.1s cubic-bezier(.33,.66,.66,1);
   	 text-decoration: none;
   	 padding: 5px;
   	 font-family: "STF Yunque Regular", sans-serif;
    font-variation-settings: "wght" 500;
   --stf-yunque-regular-aalt: "aalt" on;
   --stf-yunque-regular-ss01: "ss01" on;
  --stf-yunque-regular-ss02: "ss02" on;
}

a[href*="//"]:not([href*="pablolarah.cl"])::after {
  content: "";
  width: 12px;
  height: 12px;
  margin-left: 4px;
  background-image: url("data:image/svg+xml,%3Csvg version='1.2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300' width='300' height='300'%3E%3Ctitle%3ENew Project%3C/title%3E%3Cstyle%3E .s0 %7B fill: %23fb0434 %7D %3C/style%3E%3Cpath id='Shape 1' class='s0' d='m197.1 9.5l91.5 81.7q3.4 3.1 3.4 7.2 0 4.2-3.4 7.2-3.4 3-8 3h-45.8v35.8q0 113.8-72 139.6-24 8.5-59.6 8.5-29.6 0-80.6-20.3-1.2-0.4-4.3-1.6-3-1.2-5.3-2.2-2.4-1-4-2.1-3-1.9-3-4.4 0-2.4 1.8-3.8 1.8-1.3 4.5-1.4 1.6 0.1 4.7 0.4 3.1 0.4 4.2 0.4 12.1 0.8 22 0.8 18 0 32.3-2.7 14.3-2.8 24.8-7.8 10.4-4.9 18-12.8 7.6-7.8 12.5-16.8 4.8-9 7.6-21.2 2.7-12.2 3.8-24.6 1.1-12.4 1.1-28v-35.8h-45.8q-4.6 0-8-3-3.4-3-3.4-7.2 0-4.1 3.4-7.2l91.5-81.7q3.4-3 8-3 4.7 0 8.1 3z'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;

}


a:hover{

    color: #fb0434;
    text-decoration: none;
}

.emoji{
    font-family: 'Noto Emoji', sans-serif;
}


.linkinbio{
    font-size: 1.6em;
   font-style: normal;
   font-family: "STF Yunque Regular", sans-serif;
    font-variation-settings: "wght" 500;
   --stf-yunque-regular-aalt: "aalt" on;
   --stf-yunque-regular-ss01: "ss01" on;
  --stf-yunque-regular-ss02: "ss02" on;
}


.e > .mailme{
    font-size: 1.7em;
    padding:5px;
    font-family: 'Voltaire', sans-serif;
    font-variation-settings: "wght" 500;
   --stf-yunque-regular-aalt: "aalt" on;
   --stf-yunque-regular-ss01: "ss01" on;
  --stf-yunque-regular-ss02: "ss02" on;
}


/* H1Image */
.z-text {
	animation: wobble 10s ease-in-out infinite;
	transform: rotateX(30deg) rotateY(-30deg);
}

.z-layer {
   filter: brightness(0.7);
}

.z-layer:first-child {
   filter: brightness(1);
}

@keyframes wobble {
	0%,
	100% {
		transform: rotate3d(-1, 1, 0, 30deg);
	}
	25% {
		transform: rotate3d(1, 1, 0, 30deg);
	}
	50% {
		transform: rotate3d(1, -1, 0, 30deg);
	}
	75% {
		transform: rotate3d(-1, -1, 0, 30deg);
	}
}


.beetle_one{
filter: invert(65%) sepia(95%) saturate(904%) hue-rotate(3deg) brightness(108%) contrast(92%);
mix-blend-mode: multiply;
opacity:0.6;
margin-left:46%;
}

.fungus {
   filter: invert(96%) sepia(97%) saturate(0%) hue-rotate(112deg) brightness(103%) contrast(102%);
  opacity: 0.1;
  width: 280px;
  display: block;
  margin-left: 5px;
  margin-right: auto;
  margin-top:-45px;
  transition: all 500ms ease-out;
}

.fungus:hover {
  transform: scale(1.05); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  opacity:.9;
}

.svg_text{
   filter: invert(16%) sepia(89%) saturate(6980%) hue-rotate(344deg) brightness(97%) contrast(103%);
opacity:0.6;
  margin-top:-35px;
  margin-left: 15px;
  margin-right:auto;
  transition: all 500ms ease-out;
}
.svg_text:hover{
    opacity:0.2;
}



/*Special background*/
.e a,
.f a,
.g a,
.i a,
.j a,
.k a,
.l a{
      background: black;

}
.e a:hover,
.f a:hover,
.g a:hover,
.i a:hover,
.j a:hover,
.k a:hover,
.l a:hover{
      background-color: yellow;
}
/*Special*/
.special a {
    color: white;
    display: inline-flex;
   	font-family: "STF Yunque Regular", sans-serif;
   	transition: background 0.1s cubic-bezier(.33,.66,.66,1);
   	 text-decoration: none;
   	 padding:4px;
   	 cursor:  auto;
}

.special a:hover{
    background-color: yellow;
    font-weight: 500;
    padding:3px;
}
/**/
#iconsicons{
    display: inline;
    text-align: left;
    width: 1em;
    height: auto;
    margin: 1px;
}

/*Typog*/

h1 {
  text-align: center;
  font-size: 3em;
  margin-bottom: 0.1px;
  margin-top: 0.1px;
  font-family: "STF Yunque Regular", sans-serif;
  color: black;
  text-transform: capitalize;
}
.titlesection{
    font-family: "STF Yunque Regular", sans-serif;
    font-size: 3em;
    font-variation-settings: "wght" 900;
   --stf-yunque-regular-aalt: "aalt" on;
   --stf-yunque-regular-ss01: "ss01" on;
  --stf-yunque-regular-ss02: "ss02" on;
}
h2, h3, h4 {
    font-family: "STF Yunque Regular", sans-serif;
    font-variation-settings: "wght" 500;
   --stf-yunque-regular-aalt: "aalt" on;
   --stf-yunque-regular-ss01: "ss01" on;
  --stf-yunque-regular-ss02: "ss02" on;
}

p{
  text-align: justify;
  font-size: 1.1em;
  color: black;
  font-style: normal;
  line-height: 1.3;
  font-family: "STF Yunque Regular", sans-serif;
    font-variation-settings: "wght" 300;
   --stf-yunque-regular-aalt: "aalt" on;
   --stf-yunque-regular-ss01: "ss01" on;
  --stf-yunque-regular-ss02: "ss02" on;
}

.dingbat{
    margin-left: .1em;
    margin-bottom: .1em;
    font-family: 'Efon';
    color: #fb0434;
    text-decoration: none;
    font-size: 1.5em;
    	-webkit-transition: color 1s ease;
	-moz-transition: color 500ms ease;
	transition: color 500ms ease;
}
.dingbat:hover{
    margin-left: .1em;
    margin-bottom: .1em;
    font-family: 'Efon';
    color: black;
    text-decoration: none;
    	-webkit-transition: color 1s ease;
	-moz-transition: color 500ms ease;
	transition: color 500ms ease;
}

#container {
  position: relative;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-areas:
        "a a a a a a a a a b b b"
        "c c c c d d d d e e e e"
        "c c c c f f f f g g g g"
				"c c c c h h h h i i i i"
				"j j j j k k k k l l l l"
				"z z z z z z z z z z z z";
	grid-gap: 1em;
}


.a {
	grid-area: a;
    height: 55vh;
}


.b {
	grid-area: b;
	background: rgb(251,207,23);
	color: #fb0434;;
	display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2em;
    font-weight: 700;
	cursor: none;
}

.c {
	grid-area: c;
	background: #e3e3e3;
	overflow:hidden;
	display: flex;
    justify-content: center;
    align-items: center;
}
.c img {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
.d {
	grid-area: d;
	background: #fad129;
	color: black;
    display: flex;
    align-items: center;
    justify-content: center;
    position:relative;
}

.d:hover {
     transition-property: background;
	transition-duration: 0.6s;
	background-image: url("../img/gifbackgroundparrot.gif");
}

.e {
	grid-area: e;
	background: rgb(252,215,62);
	padding: 20px;
	display:flex;
	align-items: center;
    justify-content:center; 
    flex-direction:column;
    font-family: "STF Yunque Regular", sans-serif;
	
}

.f {
	grid-area: f;
	background: rgb(253,223,101);
    font-size: 1em;
    padding: 20px;
    	display:flex;
	align-items: center;
    justify-content:space-evenly; 
    flex-direction:column;
}

.g {
	grid-area: g;
	background: url("../img/redplanets.svg"), rgb(253,227,120);
	display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5em;
    text-decoration: none;
    background-size: contain;
}

.h {
	grid-area: h;
	padding: 10px;
  background:  url('../img/feathers.jpg');
  background-size: cover;
  background-position: center;
  
}

.i {
	grid-area: i;
	background: rgb(253,223,101);
	padding: 20px;
		display:flex;
	align-items: center;
    justify-content:space-evenly; 
    flex-direction:column;
}

.j {
	grid-area: j;
	background:  rgb(252,219,81);
	padding: 20px;
	display:flex;
	align-items: center;
    justify-content:space-evenly; 
    flex-direction:column;
}

.k {
	grid-area: k;
	background: rgb(252,215,62);
	padding: 20px;
	display:flex;
	align-items: center;
    justify-content:space-evenly; 
    flex-direction:column;
    position: relative;
}

.l {
	grid-area: l;
	background: rgb(251,207,23);
	padding: 20px;
		display:flex;
	align-items: center;
    justify-content:space-evenly; 
    flex-direction:column;
}


.z {
	grid-area: z;
	 color: black;
	 font-family: "STF Yunque Regular", sans-serif;
	 font-size: 0.8em;
}

/* Hover */
.j p span{
    background: rgb(252,219,81);
}
.j h1 span{
    background: rgb(252,219,81);
}
.h:hover {
  
}

.g a{
  text-align: center;
  font-size: 2.2em;
  font-weight:700;
  margin-bottom: 0.1px;
  margin-top: 0.1px;
  font-family: "STF Yunque Regular", sans-serif;
  color: #fb0434;
   text-decoration: none;
}


.button-b {
  font-size: 16px;
  color: #002729;
  border: 2px solid #002729;
  line-height: 14px;
  display: inline-block;
  letter-spacing: 0.05em;
  padding: 13px 27px;
  cursor: pointer;
  position: relative;
  bottom: 0;
}
.button-b:before {
  content: '';
  border: 2px solid #002729;
  position: absolute;
  top: 2px;
  left: 2px;
  width: 100%;
  height: 100%;
  transition: all 0.1s ease-in-out;
}
.button-b:hover:before {
  top: -2px;
  left: -2px;
}
.button-b:focus,
.button-b:active {
  background: #002729;
  color: white;
}


/* button g */

.button-g {
  font-size: 16px;
  color: #fff;
  border: 2px solid #fff;
  line-height: 14px;
  display: inline-block;
  letter-spacing: 0.05em;
  padding: 13px 27px;
  cursor: pointer;
  position: relative;
  bottom: 0;
}
.button-g:before {
  content: '';
  border: 2px solid #fff;
  position: absolute;
  top: 2px;
  left: 2px;
  width: 100%;
  height: 100%;
  transition: all 0.1s ease-in-out;
}
.button-g:hover:before {
  top: -2px;
  left: -2px;
}
.button-g:focus,
.button-g:active {
  color: white;
}

/*Media Queries*/

@media screen and (max-width: 860px) {
    #container {
	grid-template-columns: minmax(50px, 1fr) repeat(2, 3fr) repeat(3, minmax(50px, 1fr));
		grid-template-areas:
			"a a a a a a a a a a a a"
			"b b b b b b b b b b b b"
			"c c c c c c e e e e e e"
			"c c c c c c d d d d d d"
			"f f f f f f g g g g g g"
			"h h h h h h i i i i i i"
			"j j j j j j k k k k k k"
			"l l l l l l l l l l l l"
			"z z z z z z z z z z z z";
				}
	
	.b, .d {
		padding: 30px 0;
	}
}

@media screen and (max-width: 580px) {
    #container {
	grid-template-columns: minmax(30px, 1fr) repeat(2, 3fr) repeat(3, minmax(30px, 1fr));
		grid-template-areas:
			"a a a a a a a a a a a a"
			"b b b b b b b b b b b b"
			"c c c c c c e e e e e e"
			"c c c c c c d d d d d d"
			"f f f f f f g g g g g g"
			"h h h h h h i i i i i i"
			"j j j j j j k k k k k k"
			"l l l l l l l l l l l l"
			"z z z z z z z z z z z z";
				}
	
	.b, .d {
		padding: 30px 0;
	}
}


@media screen and (max-width: 460px) {
    #container {
	grid-template-columns: minmax(20px, 1fr) repeat(2, 3fr) repeat(3, minmax(20px, 1fr));
		grid-template-areas:
			"a a a a a a a a a a a a"
			"b b b b b b b b b b b b"
			"e e e e e e e e e e e e"
			"d d d d d d d d d d d d"
			"f f f f f f f f f f f f"
			"g g g g g g g g g g g g"
			"i i i i i i i i i i i i"
			"h h h h h h h h h h h h"
			"c c c c c c c c c c c c"
			"j j j j j j j j j j j j"
			"k k k k k k k k k k k k"
			"l l l l l l l l l l l l"
			"z z z z z z z z z z z z";
				}
	.a {
			display: flex;
  align-items: flex-start;
  justify-content: flex-start;
	}
	.b, .d, .g {
		padding: 30px 0;
	}
	
	.h, .c {
		height: 200px;
	}
}


/*Selection*/
::-moz-selection { /* Code for Firefox */
  color: white;
  background: #fb0434;
}

::selection {
  color: white;
  background: #fb0434;
}


/*Cursor*/

.cursor-dot,
.cursor-dot-outline {
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.cursor-dot {
  width: 8px;
  height: 8px;
  background-color: #fb0434;
}

.cursor-dot-outline {
  width: 40px;
  height: 40px;
  background-color: rgba(251, 4, 52, .5);
}




/*BLM Icon*/

.blm{
    width: 40px;
    height: auto;
    margin-left: 90%;
}
.blm:hover{ 
     animation: roll 3s infinite;
  transform: rotate(30deg);
  opacity: .7;
}

@keyframes roll {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}




/*Marquee*/

.wrapMarqueeFollow {
    position: relative;
    width: 100%;
    overflow-x: hidden;
    font-size: calc(12px + 1.5vw);
    font-family: "STF Yunque Regular", sans-serif;
    font-variation-settings: "wght" 700;
   --stf-yunque-regular-aalt: "aalt" on;
   --stf-yunque-regular-ss01: "ss01" on;
  --stf-yunque-regular-ss02: "ss02" on;
    color: rgb(255, 255, 255);
    height: 1.2em;
    left: 0;
    margin-top: 0em;
    margin-bottom: 0.3em;
    overflow: hidden;
}


.marqueeFollow{
    position: absolute;
    display: flex;
    white-space: nowrap;
    background: rgb(251,207,23);
}

.marqueeFollow span{
	padding: 0 0.3em;
	box-sizing: border-box;
	font-size: calc(12px + 1.5vw);
	line-height: 1.1em;
	letter-spacing: -0.02em;
}


.marqueeFollow{
	-webkit-animation: backward-infinite-follow 10s linear infinite;
    animation: backward-infinite-follow 10s linear infinite;
    animation-play-state: running ;
    will-change: transform;
}

.marqueeFollow:hover{
	-webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

@keyframes backward-infinite-follow{
	0%{transform:translate3D(0,0,0)}
	100%{transform:translate3D(calc((-100%/4) - 0.1em),0,0)}
}


.marqueeFollow a:hover {
    color: rgba(251, 4, 52, 1);
    font-family: "STF Yunque Regular", sans-serif;
    font-variation-settings: "wght" 700;
   --stf-yunque-regular-aalt: "aalt" on;
   --stf-yunque-regular-ss01: "ss01" on;
  --stf-yunque-regular-ss02: "ss02" on;
}

.marqueeFollow a {
    color: rgb(253, 253, 253);
    font-family: "STF Yunque Regular", sans-serif;
    font-variation-settings: "wght" 700;
   --stf-yunque-regular-aalt: "aalt" on;
   --stf-yunque-regular-ss01: "ss01" on;
  --stf-yunque-regular-ss02: "ss02" on;
}

/*marquee follow one*/

.wrapMarqueeFollow_one {
    position: relative;
    width: 100%;
    overflow-x: hidden;
    font-size: calc(12px + 1.5vw);
    font-family: "STF Yunque Regular", sans-serif;
    font-variation-settings: "wght" 700;
   --stf-yunque-regular-aalt: "aalt" on;
   --stf-yunque-regular-ss01: "ss01" on;
  --stf-yunque-regular-ss02: "ss02" on;
    color: rgb(255, 255, 255);
    height: 1.1em;
    left: 0;
    margin-top: 0.3em;
    margin-bottom: 0.3em;
    overflow: hidden;

}
.marqueeFollow_one{
    position: absolute;
    display: flex;
    white-space: nowrap;
    background: rgb(251,207,23);
}

.marqueeFollow_one span{
	padding: 0 0.3em;
	box-sizing: border-box;
	font-size: calc(12px + 1.5vw);
	line-height: 1.1em;
	letter-spacing: -0.02em;
}
.marqueeFollow_one{
	-webkit-animation: onward-infinite-follow 10s linear infinite;
    animation: onward-infinite-follow 10s linear infinite;
    animation-play-state: running ;
    will-change: transform;
}
.marqueeFollow_one:hover{
	-webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

@keyframes onward-infinite-follow{
	0%{transform:translate3D(calc((-100%/4) - 0.1em),0,0)}
	100%{transform:translate3D(0,0,0)}
}
.marqueeFollow_one a:hover {
    color: rgba(251, 4, 52, 1);
    font-family: "STF Yunque Regular", sans-serif;
    font-variation-settings: "wght" 700;
   --stf-yunque-regular-aalt: "aalt" on;
   --stf-yunque-regular-ss01: "ss01" on;
  --stf-yunque-regular-ss02: "ss02" on;
}

.marqueeFollow_one a {
    color: rgb(253, 253, 253);
    font-family: "STF Yunque Regular", sans-serif;
    font-variation-settings: "wght" 700;
   --stf-yunque-regular-aalt: "aalt" on;
   --stf-yunque-regular-ss01: "ss01" on;
  --stf-yunque-regular-ss02: "ss02" on;
}

@media screen and (max-width: 640px) {
   .wrapMarqueeFollow {
    position: relative;
    width: 100%;
    overflow-x: hidden;
    font-size: calc(20px + 1.5vw);
    font-family: "STF Yunque Regular", sans-serif;
    font-variation-settings: "wght" 700;
   --stf-yunque-regular-aalt: "aalt" on;
   --stf-yunque-regular-ss01: "ss01" on;
  --stf-yunque-regular-ss02: "ss02" on;
    color: rgb(255, 255, 255);
    height: 1.1em;
    left: 0;
    margin-top: 0em;
    margin-bottom: 0.3em;
    overflow: hidden;
}
.wrapMarqueeFollow_one {
    position: relative;
    width: 100%;
    overflow-x: hidden;
    font-size: calc(20px + 1.5vw);
    font-family: "STF Yunque Regular", sans-serif;
    font-variation-settings: "wght" 700;
   --stf-yunque-regular-aalt: "aalt" on;
   --stf-yunque-regular-ss01: "ss01" on;
  --stf-yunque-regular-ss02: "ss02" on;
    color: rgb(255, 255, 255);
    height: 1.1em;
    left: 0;
    margin-top: 0.3em;
    margin-bottom: 0.3em;
    overflow: hidden;

}
}


/*Span Marquee*/

.diamond{
    margin-left: .1em;
    margin-bottom: .1em;
    font-family: 'Efon';
    color: black;
    text-decoration: none;
    font-size: 1em;
    	-webkit-transition: color 1s ease;
	-moz-transition: color 500ms ease;
	transition: color 500ms ease;
}
.diamond:hover{
    margin-left: .1em;
    margin-bottom: .1em;
    font-family: 'Efon';
    color: #fb0434;
    text-decoration: none;
    font-size: 1em;
    	-webkit-transition: color 1s ease;
	-moz-transition: color 500ms ease;
	transition: color 500ms ease;
}


/*Cookie Notice*/

.cookie-notification {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 999999;
	color: #fff;
	visibility: hidden;
}

.cookie-notification a:hover {
	color: #fff;
}

.wp-block-column.cookie-svg {
	max-width: 20%;
	float: left;
	margin-right: 10px;
}

@media (max-width:479.98px) {
	.cookie-notification>div {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

@media (max-width:689.98px) {
	.cookie-notification {
		right: 0;
	}
	.cookie-notification>div {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding-top: 15px;
		padding-bottom: 15px;
	}
}

@media (max-width:689.98px) {
	.cookie-notification {
		background: #fff;
	}
}

@media (min-width:690px) {
	.cookie-notification {
		padding: 0 25px 25px 25px
	}
	.cookie-notification .ct-cookies-content {
		margin-bottom: 15px;
	}
}

.cookie-notification .container {
	position: relative;
}

@media (max-width:689.98px) {
	.cookie-notification .container {
		width: 88%;
		margin: 0 auto;
	}
}

@media (min-width:690px) {
	.cookie-notification .container {
		background: #ffcdcd;
		-webkit-box-shadow: 0 5px 30px -5px rgba(34, 56, 101, .15);
		box-shadow: 0 5px 30px -5px rgba(34, 56, 101, .15);
		padding: 25px;
		border-radius: 3px;
		max-width: 330px;
	}
}

.cookie-notification .ct-cookies-content {
    font-family: "STF Yunque Regular", sans-serif;
    font-variation-settings: "wght" 300;
   --stf-yunque-regular-aalt: "aalt" on;
   --stf-yunque-regular-ss01: "ss01" on;
  --stf-yunque-regular-ss02: "ss02" on;
	color: #000;
	line-height: 1.4;
}

.cookie-notification .ct-cookies-content a {
	text-decoration: underline;
	color: #fb0434;
}

@media (max-width:479.98px) {
	.cookie-notification .ct-cookies-content {
		text-align: center;
		margin-bottom: 15px;
	}
}

@media (max-width:689.98px) {
	.cookie-notification .ct-cookies-content {
		font-size: 12px
	}
}

@media (min-width:690px) {
	.cookie-notification .ct-cookies-content {
		font-size: 13px;
	}
}

.cookie-notification .ct-accept {
    font-family: "STF Yunque Regular", sans-serif;
    font-variation-settings: "wght" 300;
   --stf-yunque-regular-aalt: "aalt" on;
   --stf-yunque-regular-ss01: "ss01" on;
  --stf-yunque-regular-ss02: "ss02" on;
	color: #fff;
	background: #fb0434;
	border: 0;
	padding: 0 20px;
	height: 35px;
	border-radius: 3px;
	cursor: pointer;
	text-transform: capitalize;
	--buttonShadow: none;
	--buttonTransform: none;
}

@media (max-width:479.98px) {
	.cookie-notification .ct-accept {
		width: 100%;
	}
}

@media (min-width:480px) and (max-width:689.98px) {
	.cookie-notification .ct-accept {
		margin-left: 20px;
	}
}

.cookie-notification .ct-close {
	color: #000 !important;
	position: absolute;
	top: 0;
	right: 0;
	border: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 17px;
	width: 45px;
	height: 45px;
	padding: 0;
	opacity: .5;
	color: inherit;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: 0 0;
	-webkit-transition: opacity .2s ease;
	transition: opacity .2s ease;
}

.cookie-notification .ct-close:focus {
	outline: 0;
}

.cookie-notification .ct-close:hover {
	opacity: 1;
}

@media (max-width:689.98px) {
	.cookie-notification .ct-close {
		display: none;
	}
	.wp-block-column.cookie-svg {
		display:none;
	}
}



/*Horizontal + Horizontal + Horizontal + Horizontal + Horizontal + Horizontal + Horizontal + Horizontal + Horizontal + Horizontal + Horizontal +  */

/*XX*/
   .flex-container {
       display: -webkit-box;
       display: -moz-box;
       display: -ms-flexbox;
       display: -webkit-flex;
       display: flex;
       flex-flow: row nowrap;
       height:55vh;
       position:absolute;
       width:100%;
       overflow: scroll;
       overflow-y: hidden;
       -webkit-overflow-scrolling: touch;
       background-color: #f7d240;
       scroll-snap-type: x mandatory;
       scroll-behavior: smooth;
       /*flex-wrap:wrap;*/
   }
   .box {
       padding: 20px;
       color:black;
       font-size:1.5em;
       background-color: #f7d240;
       border:1px solid white;
       flex:1;
       min-width: 300px;
       max-width:600px;
       -webkit-flex:1;
       text-align:justify;
       scroll-snap-align: start;
       position:relative;
   }

.imagenes1{
  padding: 10px;
  background:  url('../img/new355__mouth.webp.webp');
  background-color: #f7d240;
  background-size: cover;
  background-position: center;
  filter: brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );
}
.imagenes1:hover{
  filter: brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 1px ) hue-rotate( 0deg );
  transition-duration: 0.6s;
}
.imagenes2{
  background-image: url('../img/newillus__shinyglassjar.webp'), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' viewBox='0 0 800 800'%3E%3Cdefs%3E%3ClinearGradient gradientTransform='rotate(270)' x1='50%25' y1='0%25' x2='50%25' y2='100%25' id='sssquiggly-grad'%3E%3Cstop stop-color='%23fb0434ff' stop-opacity='1' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23e35f79ff' stop-opacity='1' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cg stroke-width='2' stroke='url(%23sssquiggly-grad)' fill='none' stroke-linecap='round' transform='matrix(1,0,0,1,0,47.37852096557617)'%3E%3Cpath d='M10,10C21.805555555555557,10.833333333333334,40.97222222222223,17.958333333333332,66.66666666666667,14C92.36111111111111,10.041666666666668,105.55555555555557,-14.833333333333334,133.33333333333334,-9C161.11111111111111,-3.166666666666666,172.22222222222223,43.666666666666664,200,42C227.77777777777777,40.333333333333336,238.8888888888889,-12.833333333333332,266.6666666666667,-17C294.44444444444446,-21.166666666666668,305.5555555555556,19.708333333333332,333.33333333333337,22C361.11111111111114,24.291666666666668,372.22222222222223,-8.916666666666668,400,-6C427.77777777777777,-3.083333333333333,438.8888888888889,38.708333333333336,466.6666666666667,36C494.44444444444446,33.291666666666664,505.5555555555556,-20.041666666666668,533.3333333333334,-19C561.1111111111111,-17.958333333333332,572.2222222222222,38.916666666666664,600,41C627.7777777777778,43.083333333333336,638.8888888888889,-12.75,666.6666666666667,-9C694.4444444444446,-5.25,707.6388888888889,55.041666666666664,733.3333333333334,59C759.0277777777778,62.958333333333336,778.1944444444445,20.208333333333332,790,10'%3E%3C/path%3E%3Cpath d='M10,10C21.805555555555557,10.833333333333334,40.97222222222223,17.958333333333332,66.66666666666667,14C92.36111111111111,10.041666666666668,105.55555555555557,-14.833333333333334,133.33333333333334,-9C161.11111111111111,-3.166666666666666,172.22222222222223,43.666666666666664,200,42C227.77777777777777,40.333333333333336,238.8888888888889,-12.833333333333332,266.6666666666667,-17C294.44444444444446,-21.166666666666668,305.5555555555556,19.708333333333332,333.33333333333337,22C361.11111111111114,24.291666666666668,372.22222222222223,-8.916666666666668,400,-6C427.77777777777777,-3.083333333333333,438.8888888888889,38.708333333333336,466.6666666666667,36C494.44444444444446,33.291666666666664,505.5555555555556,-20.041666666666668,533.3333333333334,-19C561.1111111111111,-17.958333333333332,572.2222222222222,38.916666666666664,600,41C627.7777777777778,43.083333333333336,638.8888888888889,-12.75,666.6666666666667,-9C694.4444444444446,-5.25,707.6388888888889,55.041666666666664,733.3333333333334,59C759.0277777777778,62.958333333333336,778.1944444444445,20.208333333333332,790,10' transform='matrix(1,0,0,1,0,665)'%3E%3C/path%3E%3Cpath d='M10,10C21.805555555555557,10.833333333333334,40.97222222222223,17.958333333333332,66.66666666666667,14C92.36111111111111,10.041666666666668,105.55555555555557,-14.833333333333334,133.33333333333334,-9C161.11111111111111,-3.166666666666666,172.22222222222223,43.666666666666664,200,42C227.77777777777777,40.333333333333336,238.8888888888889,-12.833333333333332,266.6666666666667,-17C294.44444444444446,-21.166666666666668,305.5555555555556,19.708333333333332,333.33333333333337,22C361.11111111111114,24.291666666666668,372.22222222222223,-8.916666666666668,400,-6C427.77777777777777,-3.083333333333333,438.8888888888889,38.708333333333336,466.6666666666667,36C494.44444444444446,33.291666666666664,505.5555555555556,-20.041666666666668,533.3333333333334,-19C561.1111111111111,-17.958333333333332,572.2222222222222,38.916666666666664,600,41C627.7777777777778,43.083333333333336,638.8888888888889,-12.75,666.6666666666667,-9C694.4444444444446,-5.25,707.6388888888889,55.041666666666664,733.3333333333334,59C759.0277777777778,62.958333333333336,778.1944444444445,20.208333333333332,790,10' transform='matrix(1,0,0,1,0,630)'%3E%3C/path%3E%3Cpath d='M10,10C21.805555555555557,10.833333333333334,40.97222222222223,17.958333333333332,66.66666666666667,14C92.36111111111111,10.041666666666668,105.55555555555557,-14.833333333333334,133.33333333333334,-9C161.11111111111111,-3.166666666666666,172.22222222222223,43.666666666666664,200,42C227.77777777777777,40.333333333333336,238.8888888888889,-12.833333333333332,266.6666666666667,-17C294.44444444444446,-21.166666666666668,305.5555555555556,19.708333333333332,333.33333333333337,22C361.11111111111114,24.291666666666668,372.22222222222223,-8.916666666666668,400,-6C427.77777777777777,-3.083333333333333,438.8888888888889,38.708333333333336,466.6666666666667,36C494.44444444444446,33.291666666666664,505.5555555555556,-20.041666666666668,533.3333333333334,-19C561.1111111111111,-17.958333333333332,572.2222222222222,38.916666666666664,600,41C627.7777777777778,43.083333333333336,638.8888888888889,-12.75,666.6666666666667,-9C694.4444444444446,-5.25,707.6388888888889,55.041666666666664,733.3333333333334,59C759.0277777777778,62.958333333333336,778.1944444444445,20.208333333333332,790,10' transform='matrix(1,0,0,1,0,595)'%3E%3C/path%3E%3Cpath d='M10,10C21.805555555555557,10.833333333333334,40.97222222222223,17.958333333333332,66.66666666666667,14C92.36111111111111,10.041666666666668,105.55555555555557,-14.833333333333334,133.33333333333334,-9C161.11111111111111,-3.166666666666666,172.22222222222223,43.666666666666664,200,42C227.77777777777777,40.333333333333336,238.8888888888889,-12.833333333333332,266.6666666666667,-17C294.44444444444446,-21.166666666666668,305.5555555555556,19.708333333333332,333.33333333333337,22C361.11111111111114,24.291666666666668,372.22222222222223,-8.916666666666668,400,-6C427.77777777777777,-3.083333333333333,438.8888888888889,38.708333333333336,466.6666666666667,36C494.44444444444446,33.291666666666664,505.5555555555556,-20.041666666666668,533.3333333333334,-19C561.1111111111111,-17.958333333333332,572.2222222222222,38.916666666666664,600,41C627.7777777777778,43.083333333333336,638.8888888888889,-12.75,666.6666666666667,-9C694.4444444444446,-5.25,707.6388888888889,55.041666666666664,733.3333333333334,59C759.0277777777778,62.958333333333336,778.1944444444445,20.208333333333332,790,10' transform='matrix(1,0,0,1,0,560)'%3E%3C/path%3E%3Cpath d='M10,10C21.805555555555557,10.833333333333334,40.97222222222223,17.958333333333332,66.66666666666667,14C92.36111111111111,10.041666666666668,105.55555555555557,-14.833333333333334,133.33333333333334,-9C161.11111111111111,-3.166666666666666,172.22222222222223,43.666666666666664,200,42C227.77777777777777,40.333333333333336,238.8888888888889,-12.833333333333332,266.6666666666667,-17C294.44444444444446,-21.166666666666668,305.5555555555556,19.708333333333332,333.33333333333337,22C361.11111111111114,24.291666666666668,372.22222222222223,-8.916666666666668,400,-6C427.77777777777777,-3.083333333333333,438.8888888888889,38.708333333333336,466.6666666666667,36C494.44444444444446,33.291666666666664,505.5555555555556,-20.041666666666668,533.3333333333334,-19C561.1111111111111,-17.958333333333332,572.2222222222222,38.916666666666664,600,41C627.7777777777778,43.083333333333336,638.8888888888889,-12.75,666.6666666666667,-9C694.4444444444446,-5.25,707.6388888888889,55.041666666666664,733.3333333333334,59C759.0277777777778,62.958333333333336,778.1944444444445,20.208333333333332,790,10' transform='matrix(1,0,0,1,0,525)'%3E%3C/path%3E%3Cpath d='M10,10C21.805555555555557,10.833333333333334,40.97222222222223,17.958333333333332,66.66666666666667,14C92.36111111111111,10.041666666666668,105.55555555555557,-14.833333333333334,133.33333333333334,-9C161.11111111111111,-3.166666666666666,172.22222222222223,43.666666666666664,200,42C227.77777777777777,40.333333333333336,238.8888888888889,-12.833333333333332,266.6666666666667,-17C294.44444444444446,-21.166666666666668,305.5555555555556,19.708333333333332,333.33333333333337,22C361.11111111111114,24.291666666666668,372.22222222222223,-8.916666666666668,400,-6C427.77777777777777,-3.083333333333333,438.8888888888889,38.708333333333336,466.6666666666667,36C494.44444444444446,33.291666666666664,505.5555555555556,-20.041666666666668,533.3333333333334,-19C561.1111111111111,-17.958333333333332,572.2222222222222,38.916666666666664,600,41C627.7777777777778,43.083333333333336,638.8888888888889,-12.75,666.6666666666667,-9C694.4444444444446,-5.25,707.6388888888889,55.041666666666664,733.3333333333334,59C759.0277777777778,62.958333333333336,778.1944444444445,20.208333333333332,790,10' transform='matrix(1,0,0,1,0,490)'%3E%3C/path%3E%3Cpath d='M10,10C21.805555555555557,10.833333333333334,40.97222222222223,17.958333333333332,66.66666666666667,14C92.36111111111111,10.041666666666668,105.55555555555557,-14.833333333333334,133.33333333333334,-9C161.11111111111111,-3.166666666666666,172.22222222222223,43.666666666666664,200,42C227.77777777777777,40.333333333333336,238.8888888888889,-12.833333333333332,266.6666666666667,-17C294.44444444444446,-21.166666666666668,305.5555555555556,19.708333333333332,333.33333333333337,22C361.11111111111114,24.291666666666668,372.22222222222223,-8.916666666666668,400,-6C427.77777777777777,-3.083333333333333,438.8888888888889,38.708333333333336,466.6666666666667,36C494.44444444444446,33.291666666666664,505.5555555555556,-20.041666666666668,533.3333333333334,-19C561.1111111111111,-17.958333333333332,572.2222222222222,38.916666666666664,600,41C627.7777777777778,43.083333333333336,638.8888888888889,-12.75,666.6666666666667,-9C694.4444444444446,-5.25,707.6388888888889,55.041666666666664,733.3333333333334,59C759.0277777777778,62.958333333333336,778.1944444444445,20.208333333333332,790,10' transform='matrix(1,0,0,1,0,455)'%3E%3C/path%3E%3Cpath d='M10,10C21.805555555555557,10.833333333333334,40.97222222222223,17.958333333333332,66.66666666666667,14C92.36111111111111,10.041666666666668,105.55555555555557,-14.833333333333334,133.33333333333334,-9C161.11111111111111,-3.166666666666666,172.22222222222223,43.666666666666664,200,42C227.77777777777777,40.333333333333336,238.8888888888889,-12.833333333333332,266.6666666666667,-17C294.44444444444446,-21.166666666666668,305.5555555555556,19.708333333333332,333.33333333333337,22C361.11111111111114,24.291666666666668,372.22222222222223,-8.916666666666668,400,-6C427.77777777777777,-3.083333333333333,438.8888888888889,38.708333333333336,466.6666666666667,36C494.44444444444446,33.291666666666664,505.5555555555556,-20.041666666666668,533.3333333333334,-19C561.1111111111111,-17.958333333333332,572.2222222222222,38.916666666666664,600,41C627.7777777777778,43.083333333333336,638.8888888888889,-12.75,666.6666666666667,-9C694.4444444444446,-5.25,707.6388888888889,55.041666666666664,733.3333333333334,59C759.0277777777778,62.958333333333336,778.1944444444445,20.208333333333332,790,10' transform='matrix(1,0,0,1,0,420)'%3E%3C/path%3E%3Cpath d='M10,10C21.805555555555557,10.833333333333334,40.97222222222223,17.958333333333332,66.66666666666667,14C92.36111111111111,10.041666666666668,105.55555555555557,-14.833333333333334,133.33333333333334,-9C161.11111111111111,-3.166666666666666,172.22222222222223,43.666666666666664,200,42C227.77777777777777,40.333333333333336,238.8888888888889,-12.833333333333332,266.6666666666667,-17C294.44444444444446,-21.166666666666668,305.5555555555556,19.708333333333332,333.33333333333337,22C361.11111111111114,24.291666666666668,372.22222222222223,-8.916666666666668,400,-6C427.77777777777777,-3.083333333333333,438.8888888888889,38.708333333333336,466.6666666666667,36C494.44444444444446,33.291666666666664,505.5555555555556,-20.041666666666668,533.3333333333334,-19C561.1111111111111,-17.958333333333332,572.2222222222222,38.916666666666664,600,41C627.7777777777778,43.083333333333336,638.8888888888889,-12.75,666.6666666666667,-9C694.4444444444446,-5.25,707.6388888888889,55.041666666666664,733.3333333333334,59C759.0277777777778,62.958333333333336,778.1944444444445,20.208333333333332,790,10' transform='matrix(1,0,0,1,0,385)'%3E%3C/path%3E%3Cpath d='M10,10C21.805555555555557,10.833333333333334,40.97222222222223,17.958333333333332,66.66666666666667,14C92.36111111111111,10.041666666666668,105.55555555555557,-14.833333333333334,133.33333333333334,-9C161.11111111111111,-3.166666666666666,172.22222222222223,43.666666666666664,200,42C227.77777777777777,40.333333333333336,238.8888888888889,-12.833333333333332,266.6666666666667,-17C294.44444444444446,-21.166666666666668,305.5555555555556,19.708333333333332,333.33333333333337,22C361.11111111111114,24.291666666666668,372.22222222222223,-8.916666666666668,400,-6C427.77777777777777,-3.083333333333333,438.8888888888889,38.708333333333336,466.6666666666667,36C494.44444444444446,33.291666666666664,505.5555555555556,-20.041666666666668,533.3333333333334,-19C561.1111111111111,-17.958333333333332,572.2222222222222,38.916666666666664,600,41C627.7777777777778,43.083333333333336,638.8888888888889,-12.75,666.6666666666667,-9C694.4444444444446,-5.25,707.6388888888889,55.041666666666664,733.3333333333334,59C759.0277777777778,62.958333333333336,778.1944444444445,20.208333333333332,790,10' transform='matrix(1,0,0,1,0,350)'%3E%3C/path%3E%3Cpath d='M10,10C21.805555555555557,10.833333333333334,40.97222222222223,17.958333333333332,66.66666666666667,14C92.36111111111111,10.041666666666668,105.55555555555557,-14.833333333333334,133.33333333333334,-9C161.11111111111111,-3.166666666666666,172.22222222222223,43.666666666666664,200,42C227.77777777777777,40.333333333333336,238.8888888888889,-12.833333333333332,266.6666666666667,-17C294.44444444444446,-21.166666666666668,305.5555555555556,19.708333333333332,333.33333333333337,22C361.11111111111114,24.291666666666668,372.22222222222223,-8.916666666666668,400,-6C427.77777777777777,-3.083333333333333,438.8888888888889,38.708333333333336,466.6666666666667,36C494.44444444444446,33.291666666666664,505.5555555555556,-20.041666666666668,533.3333333333334,-19C561.1111111111111,-17.958333333333332,572.2222222222222,38.916666666666664,600,41C627.7777777777778,43.083333333333336,638.8888888888889,-12.75,666.6666666666667,-9C694.4444444444446,-5.25,707.6388888888889,55.041666666666664,733.3333333333334,59C759.0277777777778,62.958333333333336,778.1944444444445,20.208333333333332,790,10' transform='matrix(1,0,0,1,0,315)'%3E%3C/path%3E%3Cpath d='M10,10C21.805555555555557,10.833333333333334,40.97222222222223,17.958333333333332,66.66666666666667,14C92.36111111111111,10.041666666666668,105.55555555555557,-14.833333333333334,133.33333333333334,-9C161.11111111111111,-3.166666666666666,172.22222222222223,43.666666666666664,200,42C227.77777777777777,40.333333333333336,238.8888888888889,-12.833333333333332,266.6666666666667,-17C294.44444444444446,-21.166666666666668,305.5555555555556,19.708333333333332,333.33333333333337,22C361.11111111111114,24.291666666666668,372.22222222222223,-8.916666666666668,400,-6C427.77777777777777,-3.083333333333333,438.8888888888889,38.708333333333336,466.6666666666667,36C494.44444444444446,33.291666666666664,505.5555555555556,-20.041666666666668,533.3333333333334,-19C561.1111111111111,-17.958333333333332,572.2222222222222,38.916666666666664,600,41C627.7777777777778,43.083333333333336,638.8888888888889,-12.75,666.6666666666667,-9C694.4444444444446,-5.25,707.6388888888889,55.041666666666664,733.3333333333334,59C759.0277777777778,62.958333333333336,778.1944444444445,20.208333333333332,790,10' transform='matrix(1,0,0,1,0,280)'%3E%3C/path%3E%3Cpath d='M10,10C21.805555555555557,10.833333333333334,40.97222222222223,17.958333333333332,66.66666666666667,14C92.36111111111111,10.041666666666668,105.55555555555557,-14.833333333333334,133.33333333333334,-9C161.11111111111111,-3.166666666666666,172.22222222222223,43.666666666666664,200,42C227.77777777777777,40.333333333333336,238.8888888888889,-12.833333333333332,266.6666666666667,-17C294.44444444444446,-21.166666666666668,305.5555555555556,19.708333333333332,333.33333333333337,22C361.11111111111114,24.291666666666668,372.22222222222223,-8.916666666666668,400,-6C427.77777777777777,-3.083333333333333,438.8888888888889,38.708333333333336,466.6666666666667,36C494.44444444444446,33.291666666666664,505.5555555555556,-20.041666666666668,533.3333333333334,-19C561.1111111111111,-17.958333333333332,572.2222222222222,38.916666666666664,600,41C627.7777777777778,43.083333333333336,638.8888888888889,-12.75,666.6666666666667,-9C694.4444444444446,-5.25,707.6388888888889,55.041666666666664,733.3333333333334,59C759.0277777777778,62.958333333333336,778.1944444444445,20.208333333333332,790,10' transform='matrix(1,0,0,1,0,245)'%3E%3C/path%3E%3Cpath d='M10,10C21.805555555555557,10.833333333333334,40.97222222222223,17.958333333333332,66.66666666666667,14C92.36111111111111,10.041666666666668,105.55555555555557,-14.833333333333334,133.33333333333334,-9C161.11111111111111,-3.166666666666666,172.22222222222223,43.666666666666664,200,42C227.77777777777777,40.333333333333336,238.8888888888889,-12.833333333333332,266.6666666666667,-17C294.44444444444446,-21.166666666666668,305.5555555555556,19.708333333333332,333.33333333333337,22C361.11111111111114,24.291666666666668,372.22222222222223,-8.916666666666668,400,-6C427.77777777777777,-3.083333333333333,438.8888888888889,38.708333333333336,466.6666666666667,36C494.44444444444446,33.291666666666664,505.5555555555556,-20.041666666666668,533.3333333333334,-19C561.1111111111111,-17.958333333333332,572.2222222222222,38.916666666666664,600,41C627.7777777777778,43.083333333333336,638.8888888888889,-12.75,666.6666666666667,-9C694.4444444444446,-5.25,707.6388888888889,55.041666666666664,733.3333333333334,59C759.0277777777778,62.958333333333336,778.1944444444445,20.208333333333332,790,10' transform='matrix(1,0,0,1,0,210)'%3E%3C/path%3E%3Cpath d='M10,10C21.805555555555557,10.833333333333334,40.97222222222223,17.958333333333332,66.66666666666667,14C92.36111111111111,10.041666666666668,105.55555555555557,-14.833333333333334,133.33333333333334,-9C161.11111111111111,-3.166666666666666,172.22222222222223,43.666666666666664,200,42C227.77777777777777,40.333333333333336,238.8888888888889,-12.833333333333332,266.6666666666667,-17C294.44444444444446,-21.166666666666668,305.5555555555556,19.708333333333332,333.33333333333337,22C361.11111111111114,24.291666666666668,372.22222222222223,-8.916666666666668,400,-6C427.77777777777777,-3.083333333333333,438.8888888888889,38.708333333333336,466.6666666666667,36C494.44444444444446,33.291666666666664,505.5555555555556,-20.041666666666668,533.3333333333334,-19C561.1111111111111,-17.958333333333332,572.2222222222222,38.916666666666664,600,41C627.7777777777778,43.083333333333336,638.8888888888889,-12.75,666.6666666666667,-9C694.4444444444446,-5.25,707.6388888888889,55.041666666666664,733.3333333333334,59C759.0277777777778,62.958333333333336,778.1944444444445,20.208333333333332,790,10' transform='matrix(1,0,0,1,0,175)'%3E%3C/path%3E%3Cpath d='M10,10C21.805555555555557,10.833333333333334,40.97222222222223,17.958333333333332,66.66666666666667,14C92.36111111111111,10.041666666666668,105.55555555555557,-14.833333333333334,133.33333333333334,-9C161.11111111111111,-3.166666666666666,172.22222222222223,43.666666666666664,200,42C227.77777777777777,40.333333333333336,238.8888888888889,-12.833333333333332,266.6666666666667,-17C294.44444444444446,-21.166666666666668,305.5555555555556,19.708333333333332,333.33333333333337,22C361.11111111111114,24.291666666666668,372.22222222222223,-8.916666666666668,400,-6C427.77777777777777,-3.083333333333333,438.8888888888889,38.708333333333336,466.6666666666667,36C494.44444444444446,33.291666666666664,505.5555555555556,-20.041666666666668,533.3333333333334,-19C561.1111111111111,-17.958333333333332,572.2222222222222,38.916666666666664,600,41C627.7777777777778,43.083333333333336,638.8888888888889,-12.75,666.6666666666667,-9C694.4444444444446,-5.25,707.6388888888889,55.041666666666664,733.3333333333334,59C759.0277777777778,62.958333333333336,778.1944444444445,20.208333333333332,790,10' transform='matrix(1,0,0,1,0,140)'%3E%3C/path%3E%3Cpath d='M10,10C21.805555555555557,10.833333333333334,40.97222222222223,17.958333333333332,66.66666666666667,14C92.36111111111111,10.041666666666668,105.55555555555557,-14.833333333333334,133.33333333333334,-9C161.11111111111111,-3.166666666666666,172.22222222222223,43.666666666666664,200,42C227.77777777777777,40.333333333333336,238.8888888888889,-12.833333333333332,266.6666666666667,-17C294.44444444444446,-21.166666666666668,305.5555555555556,19.708333333333332,333.33333333333337,22C361.11111111111114,24.291666666666668,372.22222222222223,-8.916666666666668,400,-6C427.77777777777777,-3.083333333333333,438.8888888888889,38.708333333333336,466.6666666666667,36C494.44444444444446,33.291666666666664,505.5555555555556,-20.041666666666668,533.3333333333334,-19C561.1111111111111,-17.958333333333332,572.2222222222222,38.916666666666664,600,41C627.7777777777778,43.083333333333336,638.8888888888889,-12.75,666.6666666666667,-9C694.4444444444446,-5.25,707.6388888888889,55.041666666666664,733.3333333333334,59C759.0277777777778,62.958333333333336,778.1944444444445,20.208333333333332,790,10' transform='matrix(1,0,0,1,0,105)'%3E%3C/path%3E%3Cpath d='M10,10C21.805555555555557,10.833333333333334,40.97222222222223,17.958333333333332,66.66666666666667,14C92.36111111111111,10.041666666666668,105.55555555555557,-14.833333333333334,133.33333333333334,-9C161.11111111111111,-3.166666666666666,172.22222222222223,43.666666666666664,200,42C227.77777777777777,40.333333333333336,238.8888888888889,-12.833333333333332,266.6666666666667,-17C294.44444444444446,-21.166666666666668,305.5555555555556,19.708333333333332,333.33333333333337,22C361.11111111111114,24.291666666666668,372.22222222222223,-8.916666666666668,400,-6C427.77777777777777,-3.083333333333333,438.8888888888889,38.708333333333336,466.6666666666667,36C494.44444444444446,33.291666666666664,505.5555555555556,-20.041666666666668,533.3333333333334,-19C561.1111111111111,-17.958333333333332,572.2222222222222,38.916666666666664,600,41C627.7777777777778,43.083333333333336,638.8888888888889,-12.75,666.6666666666667,-9C694.4444444444446,-5.25,707.6388888888889,55.041666666666664,733.3333333333334,59C759.0277777777778,62.958333333333336,778.1944444444445,20.208333333333332,790,10' transform='matrix(1,0,0,1,0,70)'%3E%3C/path%3E%3Cpath d='M10,10C21.805555555555557,10.833333333333334,40.97222222222223,17.958333333333332,66.66666666666667,14C92.36111111111111,10.041666666666668,105.55555555555557,-14.833333333333334,133.33333333333334,-9C161.11111111111111,-3.166666666666666,172.22222222222223,43.666666666666664,200,42C227.77777777777777,40.333333333333336,238.8888888888889,-12.833333333333332,266.6666666666667,-17C294.44444444444446,-21.166666666666668,305.5555555555556,19.708333333333332,333.33333333333337,22C361.11111111111114,24.291666666666668,372.22222222222223,-8.916666666666668,400,-6C427.77777777777777,-3.083333333333333,438.8888888888889,38.708333333333336,466.6666666666667,36C494.44444444444446,33.291666666666664,505.5555555555556,-20.041666666666668,533.3333333333334,-19C561.1111111111111,-17.958333333333332,572.2222222222222,38.916666666666664,600,41C627.7777777777778,43.083333333333336,638.8888888888889,-12.75,666.6666666666667,-9C694.4444444444446,-5.25,707.6388888888889,55.041666666666664,733.3333333333334,59C759.0277777777778,62.958333333333336,778.1944444444445,20.208333333333332,790,10' transform='matrix(1,0,0,1,0,35)'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-color: #f7d240;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 0px;
  margin-left: 0px;
}

.imagenes3{
    padding: 10px;
  background:  url('../img/new355__lorowithborders.webp');
  background-color: #f7d240;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.imagenes4{
    padding: 10px;
  background:  url('../img/new355__Schecchi.webp');
  background-color: #f7d240;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.imagenes5{
    padding: 10px;
  background:  url('../img/new355__artdecolines.webp');
  background-color: #f7d240;
  background-size: contain;
  background-position: center;
  background-repeat: repeat;
}

.imagenes6{
  padding: 10px;
  background:  url('../img/new355__redcat.webp');
  background-color: #f7d240;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.background_happyyellow(
  background-color: #FFDE00;
)

/*Articles*/



/*Dropcap*/

.dropcap:first-letter{
  float:left;
  font-size:2rem;
  line-height:0.35;
  margin:5px 5px 5px 5px;
}



/*1*/

.article_1_1{
  margin-left: 30px;
  margin-right: 30px;
  border:1px dashed #fb0434;
  line-height: 1.2;
	transform: rotate(-2deg);
	text-wrap: balance;
}
.background_lines{
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fb0434' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
  color:#fb0434;
}
h1.article_1{
    color: #fb0434;
  text-align: center;
  font-size: 1.5em;
  font-weight:700;
  margin-bottom: 0.1px;
  margin-top: 5px;
  font-family: "STF Yunque Regular", sans-serif;
    font-variation-settings: "wght" 900;
   --stf-yunque-regular-aalt: "aalt" on;
   --stf-yunque-regular-ss01: "ss01" on;
  --stf-yunque-regular-ss02: "ss02" on;
 
}
h2.article_1{
    color: #fb0434;
  font-family: "STF Yunque Regular", sans-serif;
   font-variation-settings: "wght" 400;
   --stf-yunque-regular-aalt: "aalt" on;
   --stf-yunque-regular-ss01: "ss01" on;
  --stf-yunque-regular-ss02: "ss02" on;
  font-style: normal;
  font-size: .7em;
  text-align: center;
  margin-bottom: 0.1px;
  margin-top: 0.1px;
}
img.article_1{
  width: auto;
  height: 70px;
  display: inline;
  margin: 5px;
  float: left;
  filter: invert(17%) sepia(72%) saturate(7150%) hue-rotate(343deg) brightness(103%) contrast(109%);
}
p.article_1{
  text-align: justify;
  font-size: .7em;
  font-family: "STF Yunque Regular", sans-serif;
    font-variation-settings: "wght" 300;
   --stf-yunque-regular-aalt: "aalt" on;
   --stf-yunque-regular-ss01: "ss01" on;
  --stf-yunque-regular-ss02: "ss02" on;
  font-style: normal;
    color: #fb0434;
  margin:10px;
}

/*2*/

h1.article_2{
  color: #fb0434;
  font-size: 2em;
  font-weight:700;
  margin-bottom: 0.1px;
  margin-top: 5px;
  font-family: "STF Yunque Regular", sans-serif;
    font-variation-settings: "wght" 900;
   --stf-yunque-regular-aalt: "aalt" on;
   --stf-yunque-regular-ss01: "ss01" on;
  --stf-yunque-regular-ss02: "ss02" on;
}
h2.article_2{
    color: #fb0434;
  font-family: "STF Yunque Regular", sans-serif;
    font-variation-settings: "wght" 400;
   --stf-yunque-regular-aalt: "aalt" on;
   --stf-yunque-regular-ss01: "ss01" on;
  --stf-yunque-regular-ss02: "ss02" on;
  font-size:  1em;
  text-align: center;
  margin-bottom: 0.1px;
  margin-top: 0.1px;
  display: inline-block;
}
img.article_2{
  width: 250px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

p.article_2{
  text-align: justify;
  font-size: .5em;
  font-weight:lighter;
  font-family: "STF Yunque Regular", sans-serif;
  color: #1d1c1c;
  font-style: italic;
}
.date { 
background: #fb0434; 
width: 50px; 
height: 50px; 
border-radius: 50px; 
float: left; 
margin: 5px 5px 5px 5px; 
padding: 0px 0px 0px 0px; 
color: #ffffff; 
font-size: 14px; 
font-weight: 900; 
text-align: center; 
line-height: 100%; 
font-family: 'Mattone',sans-serif;
}

.article_2 .background_lines{
 background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fb0434' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
}

.centered_image{
  position: absolute;
  top: 0%;
  left:1%;
  right:auto;
  opacity:.1;
   transition: all 500ms ease-out;
}
.centered_image:hover{
  transform: scale(1.03);
  opacity:1;
}


/*3*/
.background_lines_3{
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23282724' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");}
  
h1.article_3{
  font-size: 2em;
  line-height: 1.1;
  font-weight:700;
  margin-bottom: 0.1px;
  margin-top: 5px; 
  font-family: "STF Yunque Regular", sans-serif;
    font-variation-settings: "wght" 900;
   --stf-yunque-regular-aalt: "aalt" on;
   --stf-yunque-regular-ss01: "ss01" on;
  --stf-yunque-regular-ss02: "ss02" on;
}
h2.article_3{
  color: #fb0434;
  font-family: "STF Yunque Regular", sans-serif;
    font-variation-settings: "wght" 400;
   --stf-yunque-regular-aalt: "aalt" on;
   --stf-yunque-regular-ss01: "ss01" on;
  --stf-yunque-regular-ss02: "ss02" on;
  font-size: .7em;
  font-style: normal;
  text-align: center;
  margin-bottom: 0.1px;
  margin-top: 0.1px;
}
img.article_3{
  width: 250px;
  background-size: contain;
  background-position: center;
  background-repeat: repeat;
}

.centered_image1{
  position: absolute;
  top: 0%;
  left:3%;
  right:auto;
  opacity:.1;
  filter: invert(100%) sepia(84%) saturate(95%) hue-rotate(265deg) brightness(115%) contrast(100%);
   transition: all 500ms ease-out;
}
.centered_image1:hover{
  transform: scale(1.05);
  opacity:1;
  color: #fff;
}

p.article_3{
  text-align: justify;
  font-size: .5em;
  font-weight:lighter;
  font-family: "STF Yunque Regular", sans-serif;
  color: #1d1c1c;
  font-style: italic;
}

.article_3 .background_lines{
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23282724' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
}

/*4*/

.articles_container {
  display: grid;
  grid-template-columns: auto auto;
  background-color: #f7d240;
  padding: 10px;
  font-size: .9em;
  min-width:350px;
}
.grid-articles {
  background-color: #f7d240;
  border: 1px solid white;
  padding: 20px;
  text-align: center;
}

.grid-articles img{
  width: 150px;
  height: auto;
  margin: 0px;
}
.grid-articles p{
  text-align: left;
  font-weight:lighter;
   font-family: "STF Yunque Regular", sans-serif;
    font-variation-settings: "wght" 300;
   --stf-yunque-regular-aalt: "aalt" on;
   --stf-yunque-regular-ss01: "ss01" on;
  --stf-yunque-regular-ss02: "ss02" on;
  font-size: 1.2em;
  color: #fb0434;
  font-style: italic;
}

/* On screens that are 600px wide or less */

@media screen and (max-width: 600px) {
  .size{
      font-size: 12px;
      
  }
}

/*hr*/
/*1*/
hr {
    border: none;
    border-top: 3px double #fb0434;
    color: #fb0434;
    overflow: visible;
    text-align: center;
    height: 5px;
    margin:5px;
}

hr:after {
    background: #fb0434;
    content: '§';
    padding: 0 4px;
    position: relative;
    top: -13px;
}
/*2*/
hr.zig, hr.zag {
  border: none;
  height: 30px;
  margin: 0 5px;
}

hr.zig{
  background: linear-gradient(-135deg, #f7d240 20px, rgba(0, 0, 0, 0) 0) 0 5px, linear-gradient(135deg, #f7d240 20px, rgba(0, 0, 0, 0) 0) 0 5px;
  background-color: rgba(0, 0, 0, 0);
  background-position: center bottom;
  background-repeat: repeat-x;
  background-size: 20px 40px;
  z-index: 100;
  position: relative;
}

hr.zag {
  background: linear-gradient(-135deg, #333 20px, rgba(0, 0, 0, 0) 0) 0 5px, linear-gradient(135deg, #333 20px, #f7d240 0) 0 5px;
  background-color: rgba(0, 0, 0, 0);
  background-position: center bottom;
  background-repeat: repeat-x;
  background-size: 20px 40px;
  z-index: 50;
  margin-top: -28px;
}
hr:after {
display: none;
}


/*Text Effects & Background*/



.backgroundgif{
  background-image: url(../img/strawberries150px.gif);
	background-size: cover;
	color: transparent;
	-moz-background-clip: text;
	-webkit-background-clip: text;
	text-transform: uppercase;
	font-size: 2em;
	line-height: .75;
	margin: 2px;
    font-family: "STF Yunque Regular", sans-serif;
    font-variation-settings: "wght" 900;
   --stf-yunque-regular-aalt: "aalt" on;
   --stf-yunque-regular-ss01: "ss01" on;
  --stf-yunque-regular-ss02: "ss02" on;
  opacity: .9;
}
.backgroundgif2{
  background-image: url(../img/imperialred_comeandback.gif);
	background-size: cover;
	color: transparent;
	-moz-background-clip: text;
	-webkit-background-clip: text;
	text-transform: uppercase;
	font-size: 1.5em;
	line-height: .75;
	margin: 2px;
  font-weight: 700;
  font-family: "STF Yunque Regular", sans-serif;
}

/*noise*/
.noise {
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
    
    width: 100%;
    height: 100%;
    
    pointer-events: none;
    opacity: .03;
}


/** ROTATE **/

.rotate{
    filter: invert(100%) sepia(65%) saturate(0%) hue-rotate(332deg) brightness(110%) contrast(101%);
    
     -webkit-transform-origin: center center;
  -moz-transform-origin: 50% 50%;
  -o-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin:50% 50%;
  
    -webkit-animation: spin 25s linear infinite, sun-glow 3s 0s linear infinite;
-moz-animation: spin 25s linear infinite, sun-glow 3s 0s linear infinite;
-o-animation:spin 25s linear infinite, sun-glow 3s 0s linear infinite;
-ms-animation: spin 25s linear infinite, sun-glow 3s 0s ease-in-out infinite;
animation: spin 25s linear infinite,sun-glow 3s 0s linear infinite;
}

/* start spin animation */

@-webkit-keyframes spin{
	100% {
		-webkit-transform: rotate(360deg);
	}
}
@-moz-keyframes spin{
	100% {
		-moz-transform: rotate(360deg);
	}
}
@-o-keyframes spin{
	100% {
		-o-transform: rotate(360deg);
	}
}
@-ms-keyframes spin{
	100% {
		-ms-transform: rotate(360deg);
	}
}
@keyframes spin{
	100% {
		transform: rotate(360deg);
	}
}



/*Rotate Black*/

.rotate_black{
  animation: none;
  transition: all 500ms ease-out;
  margin-right: 10%;
}
.rotate_black:hover{
  animation: rotation 8s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/*Liquid Button*/

.liquid-button path {
  cursor: pointer;
  z-index:10;
  top: 50%;
  margin-top: -75px; /* half this element's height */
}
.floating_link{
    padding:0px;
}
.floating_link{
    font-size: 2.2em;
    position:absolute;
    top: 48%;
    margin-top: -12px; /* half this element's height */
    z-index: 60;
    color: white;
    font-family: "STF Yunque Regular", sans-serif;
    font-variation-settings: "wght" 900;
   --stf-yunque-regular-aalt: "aalt" on;
   --stf-yunque-regular-ss01: "ss01" on;
  --stf-yunque-regular-ss02: "ss02" on;
}
.floating_link a:hover{
    color:black;
    z-index: 60;
}

@media screen and (max-width: 430px) {
.floating_link {
    font-size: 2em;
    }
}

/*Social*/

.footer-social-icons {
  font-family: "STF Yunque Regular", sans-serif;
    font-variation-settings: "wght" 900;
   --stf-yunque-regular-aalt: "aalt" on;
   --stf-yunque-regular-ss01: "ss01" on;
  --stf-yunque-regular-ss02: "ss02" on;
  display: grid;
  font-size: 0.7rem;
  grid-template-columns: repeat(5, 1fr);
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  align-items: center;
}
.social-icon {
    color: #fff;
}
ul.social-icons {
    padding:0;
    list-style: none;
    margin-top: 10px;
}
.social-icons li {
    vertical-align: top;
    display: inline;
}
.social-icons a {
    color: #fb0434;
    background: transparent;
    text-decoration: none;
    padding:5px;
}
.social-icons a:hover {
    color: white;
    background: transparent;
    text-decoration: none;
}

@media screen and (max-width: 640px) {
  .footer-social-icons {
    font-size:1em;
}
}

/**/

/*Blinker*/
.blinker{
    background:#FFFF00;
    display:inline-block;
    width:.3em;
    height:1.5rem;
    animation:a 1.2s ease infinite running
    }
    @keyframes a{0%{opacity:0}10%{opacity:0}25%{opacity:1}45%{opacity:1}to{opacity:0}}
    
    
/**/
.yakuza{
    display:absolute;
    width: 700px;
    height: auto;
    object-fit: contain;
    margin-top: 0;
    
}
@media screen and (max-width: 910px) {
.yakuza{
    display:absolute;
    width: 700px;
    height: auto;
    object-fit: contain;
        margin-top: 0;
    }
@media (min-width: 910) and (max-width: 634px) {
.yakuza{
    display:absolute;
    width: 600px;
    height: auto;
    object-fit: contain;
        margin-top: 0;
    }
}

@media screen and (max-width: 634px) {
.yakuza{
    display:absolute;
    width: 500px;
    height: auto ;
    object-fit: cover;
    margin-top: 0;
    }
@media screen and (max-width: 430px) {
.yakuza{
    display:absolute;
    width: 500px;
    height: auto ;
    object-fit: cover;
    margin-top: -30;
    }
}

/**/
.multishadow{
	color: #222222;
	text-decoration: none;
    	-webkit-transition: all 1s ease;
	-moz-transition: all 500ms ease;
	transition: all 500ms ease;
}

.multishadow:hover {
color: #FB0434;
text-shadow: 
1px 1px 4px #FDDDE4, 
2px 2px 4px #FDD5DD, 
3px 3px 4px #FDCAD5, 
4px 4px 4px #FDBDCA, 
5px 5px 4px #FDADBD, 
6px 6px 4px #FD98AC, 
7px 7px 4px #FD7E97, 
8px 8px 4px #FD5E7D, 
9px 9px 4px #FC365D, 
10px 10px 4px #FB0434, 
    11px 11px 4px #e80430, 
    12px 12px 4px #d4032c, 
    13px 13px 4px #c10328, 
14px 14px 2px #000000;
}

.multishadow:active {
	color: #999;
}

/*Zombie Hand*/
footer {
  position: relative;
  overflow: hidden;
}

footer::after {
    content: "";
    width: 71px;
    height: 150px;
    background: url("https://pablolarah.cl/img/zombie_hand.png") center no-repeat;
    background-size: 100% auto;
    position: absolute;
    bottom: 3px;
    left: 50%;
    margin: 0 0 -10px -65px;
    transform-origin: bottom center;
    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
    -webkit-animation: waving 1s alternate infinite;
    -moz-animation: waving 1s alternate infinite;
    -ms-animation: waving 1s alternate infinite;
    -o-animation: waving 1s alternate infinite;
    animation: waving 1s alternate infinite;
}
-webkit-keyframes waving /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    transform: rotate(-20deg);
  }
  to {
    -webkit-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);
  }
}
@keyframes waving {
  from {
    -ms-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    transform: rotate(-20deg);
  }
  to {
    -ms-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);
  }
}