/* CSS Animation 4 */

:root {
	--red1: hsl(345,100%,48%);
	--red2: hsl(345,100%,38%);
	--white1: hsl(0,0%,100%);
	--white2: hsl(0,0%,90%);
  	--blue: hsl(215,100%,20%);
	font-size: calc(16px + (20 - 16) * (100vw - 320px) / (1280 - 320));
}


body {
	background-color: #13181c;
	color: var(--white1);
	font: 1em/1.5 sans-serif;
	height: 100vh;
	display: grid;
	place-items: center;
}

.sub {
	top: 20px;
	position: absolute;
	z-index: 99999;
	font-family: "impact";
	font-style: italic;
	font-weight: 800;
	font-size: 19px;
	color: white;
	text-decoration: none;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: black;
	text-align: center;
  left: 50%;
  transform: translate(-50%, 0%);
}

.gift img {
	
position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /*width: 100%;*/
  height: 100%;
  object-fit: cover;
}

.passerlanimation {
font-family: "impact";
  font-style: italic;
  font-weight: 800;
  font-size: 19px;
  color: beige;
  text-decoration: none;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;
  text-align: center;
	z-index: 1;
}

.passerlanimation a {  
  color: beige;   
  text-decoration: none;
  position: absolute;
  top: 106px;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 260px;
}

.texthaut {
font-family: "impact";
  font-style: italic;
  font-weight: 800;
  font-size: 30px;
  color: beige;
  text-decoration: none;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;
  text-align: center;
	z-index: 1;
	top: 120px;
	position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
}

.textbas {
font-family: "impact";
  font-style: italic;
  font-weight: 800;
  font-size: 25px;
  color: beige;
  text-decoration: none;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;
  text-align: center;
	z-index: 1;
	bottom: 140px;
	position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
}


/* **************************************** */
/* ******	    Telephone              ****** */
/* **************************************** */

@media (max-width: 360px) {

.texthaut {
	bottom: 107px;
	top: unset;
	font-size: 31px;
}

.textbas  {bottom: 20px;}

}

@media (max-width: 720px) {

.texthaut {
	bottom: 107px;
	top: unset;
	font-size: 31px;
}

.textbas  {bottom: 20px;}

}

@media (max-width: 1280px) {
.texthaut {
	bottom: 107px;
	top: unset;
}
.textbas  {bottom: 20px;}
}