body {

  font-family: sans-serif;
  background: linear-gradient(90deg,#C2E1AD 10%,  #E4E1C8 35%, #FDDFC4 65%,#C2E1AD 105%);
}

h1 {
	font-size: 50px;
	position: relative;
	font-style: italic;
/*	background: -webkit-linear-gradient(135deg,#05B102 45%, #FD4949,  #E69100 90%);
	mix-blend-mode: color-burn;*/
	background: -webkit-linear-gradient(272deg,#C2EDFF 35%,#fff 50%,  #56783F 51%,  #E1C537 67%,  #B6E042 85%, #EC7A3C 120%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	/*mix-blend-mode: color-burn;*/
	margin:0px;

}  
  .outline {
	  font-style: italic;
    transform: translate(0.5px, 57.5px);
    background: #000;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	text-shadow: -1px -1px 0 rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.5), 3px 3px 3px rgba(0,0,0,.5), 7px 7px 7px rgba(0,0,0,.5), 10px 10px 15px rgba(0,0,0,.5), 20px 40px 40px rgba(0,0,0,.5);


  }
  
.shadow:focus{
	outline: none;
	box-shadow: 2px 2px 6px #568736;
	box-shadow: 0 0 0 .2rem rgba(119,158,108,.25);
	border-radius: 6px;

}	
  
  
/*
/* Valores clave 
mix-blend-mode: normal;
mix-blend-mode: multiply;
mix-blend-mode: screen;
mix-blend-mode: overlay;
mix-blend-mode: darken;
mix-blend-mode: lighten;
mix-blend-mode: color-dodge;
mix-blend-mode: color-burn;
mix-blend-mode: hard-light;
mix-blend-mode: soft-light;
mix-blend-mode: difference;
mix-blend-mode: exclusion;
mix-blend-mode: hue;
mix-blend-mode: saturation;
mix-blend-mode: color;
mix-blend-mode: luminosity;

/* Valores globales 
mix-blend-mode: initial;
mix-blend-mode: inherit;
mix-blend-mode: unset;

*/