/* texte en creux sur image */
.clignote  {
   animation-duration: 1.0s;
   animation-name: clignoter;
   animation-iteration-count: infinite;
   transition: none;
}
@keyframes clignoter {
  0%   { opacity:1; }
  40%   {opacity:0; }
  100% { opacity:1; }
}

.image-container {
  background-size: cover;
  position: relative; /* Needed to position the cutout text in the middle of the image */
  min-height: 300px; /* Some height */
   max-width:100%;margin-bottom:20px;margin-top:20px;
  background-repeat: no-repeat;
  background-position: center center; 
  text-align:center;margin:auto;
  margin:auto;margin-top:20px; margin-bottom:20px;
}
.image-creux-container {
  background-size: cover;
  position: relative; /* Needed to position the cutout text in the middle of the image */
  min-height: 300px; /* Some height */
  
  max-width:100%;margin-bottom:20px;margin-top:20px;
  background-repeat: no-repeat;
  background-position: center center; 
  text-align:center;margin:auto;
  margin:auto;margin-top:20px; margin-bottom:20px;
}

.text-creux {
  background-color: white;
  color: black;
  font-weight: bold;
  margin: 0 auto; /* Center the text container */
  margin-top:20px; margin-bottom:20px;
  padding: 10px;
  width: 70%;
  text-align: center; /* Center text */
  position: absolute; /* Position text */
  top: 50%; /* Position text in the middle */
  left: 50%; /* Position text in the middle */
  border:1px solid grey;
  transform: translate(-50%, -50%); /* Position text in the middle */
  mix-blend-mode: screen; /* This makes the cutout text possible */
  font-size: max(4vmax, min(30px, 3vmax))!important;   
  font-size: max(min(30px, 3vmax), 3vmax)!important;   
  font-size: clamp(30px, 3vmax,3vmax)!important; 
 
 }
 .text-creux p { margin:0; }
 .creux {
  background-color: white;
  color: black;
  font-size: 8vw;
  font-weight: bold;
  padding: 10px;
  width: 100%;
  mix-blend-mode: screen;
 text-shadow: none;
  }
  
  .aside  .text-creux  { 
   font-size: max(20px, min(30px, 30px)) !important;   
   font-size: max(min(30px, 3vmax), 30px)!important;   
   font-size: clamp(20px, 30px,30px)!important;  
   }
 
 @media (max-width:1200px)
 {  .text-creux  { 
    font-size: max(20px, min(30px, 3vmax)) !important;  
	font-size: max(min(20px, 3vmax), 3vmax)!important;   
    font-size: clamp(20px, 40px,3vmax)!important;   }
 }
 @media (min-width:768px)
 {
.text-creux {text-shadow: 2px 2px 2px rgba(19, 19, 19, 0.5)}
 }
.creux {
	  text-shadow: 1px 2px 0 rgba(26,23,55,1), -2px -3px 0   rgba(255,255,255,1);
	/* text-shadow: 2px 2px 2px rgba(19, 19, 19, 0.5)}*/
	}
 
 .text-image {
  
  color: white;
  font-size: 5vw; 
  line-height:4.5vw;
  /* Responsive font size */
  font-weight: bolder;
  margin: auto; /* Center the text container */
  padding: 10px;
  width: 100%;
  text-align: center; /* Center text */
  position: absolute; /* Position text */
  top: 50%; /* Position text in the middle */
  left: 50%; /* Position text in the middle */
  transform: translate(-50%, -50%); /* Position text in the middle */
  font-family: Consolas, monospace;
   
 /* mix-blend-mode:multiply; color:white; background-color:black; en noir*/
 }
 }
 

 
 .text-transparent {
  background-color: white;opacity:0.8;
  position: absolute; /* Position the background text */
  text-align: center; /* Center text */
  margin:auto;
   /* top: 50%; /* Position text in the middle */
  /* Position text in the middle */
  /* bottom: 0; /* At the bottom. Use top:0 to append it to the top */
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  color: #f1f1f1; /* Grey text */
  width: 100%; /* Full width */
  padding: 20px; 
  font-weight:bolder;
}

 /********fin texte en creux*****************************/
/* effet sur un bloc de texte embelir et relief*/
.embelir{	
    margin: 0.5em 0;
    color:#666666;
   	font-family: "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Arial,Helvetica,Sans-Serif;
	font-weight: normal;
   	font-style:normal;
	max-width:100%;
	border :4px solid transparent;
	padding:20px;
	text-align: center;
	font-size: max(3vmax, min(30px, 3vmax))!important;   
	font-size: max(min(30px, 3vmax), 3vmax)!important;   
    font-size: clamp(30px, 3vmax,3vmax)!important; 
}

.aside  .embelir  { 
    font-size: max(3vmax, min(30px, 3vmax))!important;   
	font-size: max(min(30px, 3vmax), 3vmax)!important;   
    font-size: clamp(30px, 3vmax,3vmax)!important;  
	}
 
@media (max-width:1200px)
 {  .embelir  { 
    font-size: max(3vmax, min(30px, 3vmax))!important;   
	font-size: max(min(30px, 3vmax), 3vmax)!important;   
    font-size: clamp(30px, 3vmax,3vmax)!important;   }
 }
 
.bloc_texte {	
    margin: 0.5em 0;
    color:#666666;
   	font-family: "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Arial,Helvetica,Sans-Serif;
	font-weight: normal;
   	font-style:normal;
	max-width:100%;
	border :4px solid transparent;
	padding:20px;
	font-size:80px;
	text-align: center;
}
@media (max-width:767px){.bloc_texte{ padding:20px}}
.aside .bloc_texte {font-size:60px!important;line-height: 60px!important;padding:20px;}

.single_shadow {
			text-shadow: 1px 2px 3px rgba(0,0,0,0.5);
		}
		.ombre_texte {text-shadow:2px 4px 1px gray;}
.ombre_texte_2  {
    color: white;
    text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
} 
		.plus_lisible {
			color: #333;
			text-shadow: 0 0 7px rgba(0,0,0,0.5);
		}
		.plus_lisible span {
			text-shadow: 0 0 0;
		}
/* anaglyphe - 3 couleur */
		.ombre_multiple{
			color: #333;
			text-shadow: -0.06em 0 red,  0.06em 0  cyan;
		}
						

		
/*bordure*/
		.bordure {
			color: #d1d9df;
			text-shadow: -2px 0 0 rgba(0,0,0,0.8),
						 3px 0 0 rgba(0,0,0,0.8),
						 0 -1px 0 rgba(0,0,0,0.8),
						 0 3px 0 rgba(0,0,0,0.8);
		}
/* perspective*/
		.ombre_multiple_3D {
			color: #fff;
			font-weight:bold;
			text-shadow: 0 1px 0 #eee,
						 0 2px 0 #e5e5e5,
						 -1px 3px 0 #C8C8C8,
						 -1px 4px 0 #C1C1C1,
						 -2px 5px 0 #B9B9B9,
						 -2px 6px 0 #B2B2B2,
						 -2px 7px 2px rgba(0,0,0, 0.6),
						 -2px 7px 8px rgba(0,0,0, 0.2),
						 -2px 7px 45px rgba(0,0,0, 0.4);
		}
		
/* bosselé*/
		.bossele {
			color: #dce2e7;
			text-shadow: 1px 2px 0 rgba(0,0,0,0.4),
						 -1px -2px 0 rgba(255,255,255,1);
						 
		}


.relief_penche{
    display: block;
    font-family: Georgia, Verdana, Times, serif;
    text-shadow: 0 1px 0 rgb(200,200,200), 0 2px 0 rgb(190,190,190), 0 3px 0 rgb(180,180,180), 0 4px 0 rgb(175,175,175), 0 5px 0 rgb(180,180,180), 0 6px 0 rgb(190,190,190), 6px 7px 5px rgba(0, 0, 0, .40), 6px 12px 10px rgba(0, 0, 0, .30), 6px 17px 20px rgba(0, 0, 0, .20), 6px 22px 30px rgba(0, 0, 0, .10);
    color: white;
    -webkit-transform: rotateY(20deg) rotateX(30deg);
	border:none!important;
  	padding:0;
}
.relief{
    display: block;
    font-family: Georgia, Verdana, Times, serif;
    text-shadow: 0 1px 0 rgb(200,200,200), 0 2px 0 rgb(190,190,190), 0 3px 0 rgb(180,180,180), 0 4px 0 rgb(175,175,175), 0 5px 0 rgb(180,180,180), 0 6px 0 rgb(190,190,190), 6px 7px 5px rgba(0, 0, 0, .40), 6px 12px 10px rgba(0, 0, 0, .30), 6px 17px 20px rgba(0, 0, 0, .20), 6px 22px 30px rgba(0, 0, 0, .10);
    color: white;
	border:none!important;
    padding:0;
}
.relief_titre{
text-shadow: 0 1px 0 rgb(200,200,200), 0 1px 0 rgb(190,190,190), 0 1px 0 rgb(180,180,180), 0 1px 0 rgb(175,175,175), 0 1px 0 rgb(180,180,180), 0 1px 0 rgb(190,190,190), 6px 7px 5px rgba(0, 0, 0, .30);
color: white;
font-weight:700;
}

.effet3d {
    overflow: hidden;
    display: flex;
    justify-content: center;
    font-family: 'Exo';
    color: #6c6b6b;
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #acacac, 0 3px 0 #a0a0a0, 0 4px 0 #9b9a9a, 0 5px 0 #888787, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .3), 0 5px 10px grey, 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);
    }

.effet3d_2 {
	
margin: 2rem auto;
display: flex;
justify-content: center;
font-family: 'Exo';
color: #ddd;
letter-spacing: .015em;
text-shadow: 0 0 0 #6c6b6b,
.0025em .0025em 0 #6c6b6b,
.005em .005em 0 #6c6b6b,
.0075em .0075em 0 #6c6b6b,
.01em .01em 0 #6c6b6b,
.0125em .0125em 0 #6c6b6b,
.015em .015em 0 #6c6b6b,
.0175em .0175em 0 #6c6b6b,
.02em .02em 0 #6c6b6b,
.0225em .0225em 0 #6c6b6b,
.025em .025em 0 #6c6b6b,
.0275em .0275em 0 #6c6b6b,
.03em .03em 0 #6c6b6b,
.0325em .0325em 0 #6c6b6b,
.035em .035em 0 #6c6b6b,
.0375em .0375em 0 #6c6b6b,
.04em .04em 0 #6c6b6b,
.0425em .0425em 0 #6c6b6b, 
.045em .045em 0 #6c6b6b,
.0475em .0475em 0 #6c6b6b,
.05em .05em 0 #6c6b6b,
.0525em .0525em 0 #6c6b6b,
.055em .055em 0 #6c6b6b,
.0575em .0575em 0 #6c6b6b,
.06em .06em 0 #6c6b6b,
.0625em .0625em 0 #6c6b6b,
.065em .065em 0 #6c6b6b,
.0675em .0675em 0 #6c6b6b, 
.07em .07em 0 #6c6b6b,
.0725em .0725em 0 #6c6b6b,
.075em .075em 0 #6c6b6b,
.0775em .0775em 0 #6c6b6b,
.08em .08em 0 #6c6b6b,
.0825em .0825em 0 #6c6b6b,
.085em .085em 0 #6c6b6b,
.0875em .0875em 0 #6c6b6b,
.09em .09em 0 #6c6b6b,
.0925em .0925em 0 #6c6b6b,
.095em .095em 0 #6c6b6b,
.0975em .0975em 0 #6c6b6b,
.1em .1em 0 #6c6b6b
	
	}
	
.effet3d_3 {
	
margin: 2rem auto;
display: flex;
justify-content: center;
font-family: 'Exo';
color: #ff8e49;
letter-spacing: .015em;
text-shadow: 0 0 0 #ce4a27,
.0025em .0025em 0 #ce4a27,
.005em .005em 0 #ce4a27,
.0075em .0075em 0 #ce4a27,
.01em .01em 0 #ce4a27,
.0125em .0125em 0 #ce4a27,
.015em .015em 0 #ce4a27,
.0175em .0175em 0 #ce4a27,
.02em .02em 0 #ce4a27,
.0225em .0225em 0 #ce4a27,
.025em .025em 0 #ce4a27,
.0275em .0275em 0 #ce4a27,
.03em .03em 0 #ce4a27,
.0325em .0325em 0 #ce4a27,
.035em .035em 0 #ce4a27,
.0375em .0375em 0 #ce4a27,
.04em .04em 0 #ce4a27,
.0425em .0425em 0 #ce4a27, 
.045em .045em 0 #ce4a27,
.0475em .0475em 0 #ce4a27,
.05em .05em 0 #ce4a27,
.0525em .0525em 0 #ce4a27,
.055em .055em 0 #ce4a27,
.0575em .0575em 0 #ce4a27,
.06em .06em 0 #ce4a27,
.0625em .0625em 0 #ce4a27,
.065em .065em 0 #ce4a27,
.0675em .0675em 0 #ce4a27, 
.07em .07em 0 #ce4a27,
.0725em .0725em 0 #ce4a27,
.075em .075em 0 #ce4a27,
.0775em .0775em 0 #ce4a27,
.08em .08em 0 #ce4a27,
.0825em .0825em 0 #ce4a27,
.085em .085em 0 #ce4a27,
.0875em .0875em 0 #ce4a27,
.09em .09em 0 #ce4a27,
.0925em .0925em 0 #ce4a27,
.095em .095em 0 #ce4a27,
.0975em .0975em 0 #ce4a27,
.1em .1em 0 #ce4a27
	
	}
	


.lueur  {
	color: #fff;
	text-shadow: 0px -1px 4px white, 0px -2px 10px yellow, 0px -10px 20px #ff8000, 0px -18px 40px red;
	font-family: 'BlackJackRegular';
}





.lumiere {
	color: #fff;
	text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff2d95, 0 0 30px #ff2d95, 0 0 40px #ff2d95, 0 0 50px #ff2d95, 0 0 75px #ff2d95;
	letter-spacing: 5px;
	font: 80px 'MisoRegular';
}



.retro  {
	color: #d7ceb2;
	text-shadow: 3px 3px 0px #2c2e38, 5px 5px 0px #5c5f72;
	font: 80px 'BazarMedium';
	letter-spacing: 10px;
	
}


.fontFeature {
    font: 3.3em/1.4em 'myMelanyLane',serif;
    color: rgba(0,0,0,.8);
    text-shadow: 0px 1px 0px rgba(255,255,255,.9);
    -moz-font-feature-settings: "dlig" 0, "kern" 0, "liga" 0;
    font-feature-settings: "dlig" 0, "kern" 0, "liga" 0;
}
.fontFeature_fonce {
    font: 3.3em/1.4em 'myMelanyLane',serif;
    color: rgba(0,0,0,.8);
    text-shadow: 0px 1px 0px rgba(0,0,0,.9);
    -moz-font-feature-settings: "dlig" 0, "kern" 0, "liga" 0;
    font-feature-settings: "dlig" 0, "kern" 0, "liga" 0;
}

/*Glowing Text*/

.feux{
    color: #fff;
   -webkit-animation: glow 1s ease-in-out infinite alternate;
  -moz-animation: glow 1s ease-in-out infinite alternate;
  animation: glow 1s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;
  }
  
  to {
    text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
  }
}


.embossed{
  color: #9b9a9a;
  font-family: Futura;
  text-shadow: 1px 4px 4px #555;

 /*  text-shadow: -2px -2px 1px rgba(255, 255, 255, 0.6),  3px 3px 3px rgba(0, 0, 0, 0.4); */
}

}
/*
.embossed_2{
  text-shadow: -1px -1px rgba(0,0,0,1), 1px 1px rgba(255,255,255,1);
  color: rgba(0,0,0,1);
  border: ridge 5px darkgrey;background: grey;

}
*/
.embossed_fonce{color: #f0f0f0;color: #dddada;
  font-family: Futura;
   text-shadow:-1px -1px 0 black;}
  
.embossed_clair{ color: #f0f0f0;
  font-family: Futura;
  text-shadow:1px 1px 0 white;}

.embossed_mixte{
   background:#999;    color:#223;    text-shadow:0 -1px 0 rgba(0,0,0,0.15),              0 1px 0 rgba(255,255,255,0.8)}
   
/* bosselé*/
.embossed_2 {
			color: #dce2e7;
			text-shadow: 1px 2px 0 rgba(0,0,0,0.4),
					 -1px -2px 0 rgba(255,255,255,1);
						 
		}

/* engraved */
.gravure {font-size:60px;
    font-family: Futura;
    background-color: #666666;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: rgba(245,245,245,0.5) 3px 5px 1px;
 }
 

.black{
  text-shadow: -1px -1px rgba(0,0,0,0.5), 1px 1px rgba(255,255,255,0.5);
  color: rgba(0,0,0,0.5);
  border: ridge 5px grey;

}

#tan{
  text-shadow: -1.5px -2px rgba(1,1,1,1.5), 1.5px 1.5px rgba(255,255,255,1.5);
  color: tan;
  


}



#brown{
  text-shadow: -1.5px -1.5px rgba(1,1,1,1.5), .5px 1.5px rgba(255,255,255,1.5);
  color: rgba(139,69,19,1);
  font-family: Gordona;

}
.stitched {
  display: block;
  padding: 10px 20px;
  position: relative;
  color: #666;
  line-height: 1;
 }

.stitched:after {
  content: '';
  width: calc(100% - 16px);
  height: calc(100% - 14px);
  position: absolute;
  left: 8px;
  top: 7px;
  border: 3px dashed;
  border-color: inherit;
  padding: 2px 11px;
  box-sizing: border-box;
 }

.rainbows {
  color: white;
  text-shadow: -0.2px 0.2px 0 hsla(7.2, 60%, 45%, 1), -0.4px 0.4px 0 hsla(14.4, 60%, 45%, 1), -0.6px 0.6px 0 hsla(21.6, 60%, 45%, 1), -0.8px 0.8px 0 hsla(28.8, 60%, 45%, 1), -1px 1px 0 hsla(36, 60%, 45%, 1), -1.2px 1.2px 0 hsla(43.2, 60%, 45%, 1), -1.4px 1.4px 0 hsla(50.4, 60%, 45%, 1), -1.6px 1.6px 0 hsla(57.6, 60%, 45%, 1), -1.8px 1.8px 0 hsla(64.8, 60%, 45%, 1), -2px 2px 0 hsla(72, 60%, 45%, 1), -2.2px 2.2px 0 hsla(79.2, 60%, 45%, 1), -2.4px 2.4px 0 hsla(86.4, 60%, 45%, 1), -2.6px 2.6px 0 hsla(93.6, 60%, 45%, 1), -2.8px 2.8px 0 hsla(100.8, 60%, 45%, 1), -3px 3px 0 hsla(108, 60%, 45%, 1), -3.2px 3.2px 0 hsla(115.2, 60%, 45%, 1), -3.4px 3.4px 0 hsla(122.4, 60%, 45%, 1), -3.6px 3.6px 0 hsla(129.6, 60%, 45%, 1), -3.8px 3.8px 0 hsla(136.8, 60%, 45%, 1), -4px 4px 0 hsla(144, 60%, 45%, 1), -4.2px 4.2px 0 hsla(151.2, 60%, 45%, 1), -4.4px 4.4px 0 hsla(158.4, 60%, 45%, 1), -4.6px 4.6px 0 hsla(165.6, 60%, 45%, 1), -4.8px 4.8px 0 hsla(172.8, 60%, 45%, 1), -5px 5px 0 hsla(180, 60%, 45%, 1), -5.2px 5.2px 0 hsla(187.2, 60%, 45%, 1), -5.4px 5.4px 0 hsla(194.4, 60%, 45%, 1), -5.6px 5.6px 0 hsla(201.6, 60%, 45%, 1), -5.8px 5.8px 0 hsla(208.8, 60%, 45%, 1), -6px 6px 0 hsla(216, 60%, 45%, 1), -6.2px 6.2px 0 hsla(223.2, 60%, 45%, 1), -6.4px 6.4px 0 hsla(230.4, 60%, 45%, 1), -6.6px 6.6px 0 hsla(237.6, 60%, 45%, 1), -6.8px 6.8px 0 hsla(244.8, 60%, 45%, 1), -7px 7px 0 hsla(252, 60%, 45%, 1), -7.2px 7.2px 0 hsla(259.2, 60%, 45%, 1), -7.4px 7.4px 0 hsla(266.4, 60%, 45%, 1), -7.6px 7.6px 0 hsla(273.6, 60%, 45%, 1), -7.8px 7.8px 0 hsla(280.8, 60%, 45%, 1), -8px 8px 0 hsla(288, 60%, 45%, 1), -8.2px 8.2px 0 hsla(295.2, 60%, 45%, 1), -8.4px 8.4px 0 hsla(302.4, 60%, 45%, 1), -8.6px 8.6px 0 hsla(309.6, 60%, 45%, 1), -8.8px 8.8px 0 hsla(316.8, 60%, 45%, 1), -9px 9px 0 hsla(324, 60%, 45%, 1), -9.2px 9.2px 0 hsla(331.2, 60%, 45%, 1), -9.4px 9.4px 0 hsla(338.4, 60%, 45%, 1), -9.6px 9.6px 0 hsla(345.6, 60%, 45%, 1), -9.8px 9.8px 0 hsla(352.8, 60%, 45%, 1), -10px 10px 0 hsla(360, 60%, 45%, 1), 0px 0px 0px hsla(0, 0%, 0%, 0);
}
/* etiquette*/
.stickers {
  color: indigo;
  text-shadow: 0px 0px 0px #FFD, -0px 0px 0px #FFD, -0px -0px 0px #FFD, 0px -0px 0px #FFD, 0px 1px 0px #FFD, -0px 1px 0px #FFD, -0px -1px 0px #FFD, 0px -1px 0px #FFD, 0px 2px 0px #FFD, -0px 2px 0px #FFD, -0px -2px 0px #FFD, 0px -2px 0px #FFD, 1px 0px 0px #FFD, -1px 0px 0px #FFD, -1px -0px 0px #FFD, 1px -0px 0px #FFD, 1px 1px 0px #FFD, -1px 1px 0px #FFD, -1px -1px 0px #FFD, 1px -1px 0px #FFD, 1px 2px 0px #FFD, -1px 2px 0px #FFD, -1px -2px 0px #FFD, 1px -2px 0px #FFD, 2px 0px 0px #FFD, -2px 0px 0px #FFD, -2px -0px 0px #FFD, 2px -0px 0px #FFD, 2px 1px 0px #FFD, -2px 1px 0px #FFD, -2px -1px 0px #FFD, 2px -1px 0px #FFD, 2px 2px 0px #FFD, -2px 2px 0px #FFD, -2px -2px 0px #FFD, 2px -2px 0px #FFD, 0px 0px 0px hsla(0, 0%, 0%, 0), -4px 2px 2px black;
}
/* epais, dense, prononce */
.thickness {
  color: #8AA;
  text-shadow: 0px 1px 0 #4a6868, 0px 2px 0 #405959, 0px 3px 0 #354a4a, 0px 0px 0px hsla(0, 0%, 0%, 0), -4px 4px 6px black;
}
.halo {
  font-size:32px;
  color: white;
  text-shadow: 1px 1px 2px black, 0 0 25px #4a4848, 0 0 5px black;
}

.degrade
{color:#ffffff;
 background-color: #2a2a72;
 background-image: linear-gradient(315deg, #2a2a72 0%, #009ffd 74%);}

.degrade_job{
background-color: #f9484a;
background-image: linear-gradient(315deg, #f9484a 0%, #fbd72b 74%);}