body {
	background-color: pink;
	color: beige;
	font-size: 20px;
	font-family: sans-serif;
}
h1 {
	text-align: center;
	padding: 10px;
	background-size: contain;
	font-family: Impact, fantasy;
	font-weight: normal;
	font-size: 250px;
}
.container {
  display: grid;
  grid-template-columns: 50% 50%;
  background-color: PINK;
 
}



p {
	font-family: arial;
	font-size: 20px;
	padding: 10px;
}
.style1 {
	background-color: DeepPink;
	color: White;
	padding: 5px;
	margin: 50px;
	font-family: New Century Schoolbook, TeX Gyre Schola, serif;
	 animation-name: myAnimation;
  animation-duration: 4s;
	
}

.style2 {
	text-align: right;
	margin: 100px;
}

.clemence {
	text-align: center;
}

.emma {
	text-align: center;
}

.tom {
	animation-name: myAnimation2;
  animation-duration: 4s;
}

.leo {
	text-align: center;
}

@keyframes myAnimation {
  0%    {background-color: LightPink;}
  50%  {background-color: HotPink;}
  100% {background-color: DeepPink;}
}

@keyframes myAnimation2 {
  0%    {height: 0px;}
  25%   {height: 150px;}
  50%  {height: 300px;}
  100% {height: 400px;}
}