*
{
	margin: 0;
	padding: 0;
}
  body{

	   display: static;
	   justify-content:center;
	   align-items: center;
	   min-height:100vh;
	   background-color: #7c7c7c;
	   overflow:auto;
	   overflow-x:hidden;
	   max-width: 1350px
	   
  } 
  h1{
 text-align: center;
 font-size:170px;
  background-size: contain;
 background-clip:text;
 -webkit-background-clip:text;
 color: #CC000A;
 

  }
    p{
		position:relative;
 text-align: center;
 font-size:45px;
 color: #CC000A;
 right:-20px;
 max-width: 100%;
 

  }


nav{
	position: center;
	width: 103%;
	top:0;
	height: 30px;
	background-color: #F5F5F0;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 1rem;
	  font-family: Courier New;
}
nav a{ 
position: relative;
display: inline-block;
font-size: 1em;
font-weight: 500;
color: black;
text-decoration:none;
padding:0 23px;
z-index:100;
}

nav span {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(45deg, rgb(255, 252, 246));
	border-radius: 10px;
	transition: 0.5s;
	}
nav a:nth-child(1):hover~span{
	left:0px;}
nav a:nth-child(2):hover~span{
	left:90px;
}
nav a:nth-child(3):hover~span{
	left:180px;
}
nav a:nth-child(4):hover~span{
	left: 275px;
}
nav a:nth-child(5):hover~span{
	left:380px;
}

h2{
	  position:static;
	  width:1200px;
  height:auto;
 font-family: Courier New;
 text-align: center;
 font-size:100%
}