h1, h2, h3 { 
	font-family: "Mulish";
	font-weight: 800;
}

body > header > div.max-w-7xl.mx-auto.flex.justify-between.items-center > h1 {
	font-family: "Philosopher";
	font-weight: bold;
}

p {
	font-family: "Andika";
}

body > section { 
	overflow: hidden;
 }

body > section.text-center.py-20.bg-red-500.px-4 > h2{
	text-shadow: 2px 2px white;

	/*Animation properties*/
	-moz-transform: translateX(100%);
  	-webkit-transform: translateX(100%);
  	transform: translateX(100%);
  
  	-moz-animation: my-animation 30s linear infinite;
  	-webkit-animation: my-animation 30s linear infinite;
  	animation: my-animation 15s linear infinite;

}


	/* for Firefox */
	@-moz-keyframes my-animation {
	  from { -moz-transform: translateX(100%); }
	  to { -moz-transform: translateX(-150%); }
	}

	/* for Chrome */
	@-webkit-keyframes my-animation {
	  from { -webkit-transform: translateX(100%); }
	  to { -webkit-transform: translateX(-150%); }
	}

	@keyframes my-animation {
	  from {
	    -moz-transform: translateX(100%);
	    -webkit-transform: translateX(100%);
	    transform: translateX(100%);
	  }
	  to {
	    -moz-transform: translateX(-150%);
	    -webkit-transform: translateX(-150%);
	    transform: translateX(-150%);
	  }