@import url('https://fonts.googleapis.com/css2?family=Armata&display=swap');
  a {
	  color: #FFF;
	  text-decoration: none;
	  display: inline-block;
  }
  body {
  
  color: #FF0000;
  font-family: 'Armata', sans-serif;
  background:url(../images/redbg.jpg);
  background-attachment: fixed;
  background-position: center; /* Center the image */
  background-size: cover; /* Resize the background image to cover the entire container */
 
  text-align: center;
  }
  
  span {
	  margin-right: 30px;
  }
  #conti {
	  position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width:800px;
  }
  #tbox {
		background-color: #FFFFFF9C;
		transition: background-color 0.5s ease;
		
		-webkit-box-shadow: 0px 0px 34px -3px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 34px -3px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 34px -3px rgba(0,0,0,0.75);
		
		border-radius: 0px 20px 0px 200px;
		-moz-border-radius: 0px 20px 0px 200px;
		-webkit-border-radius: 0px 20px 0px 200px;
		border: 0px none #000000;
  }
  #tbox:hover {
		background-color: #FFF;
  }
  
  .text {
	font-size: 20px;
	padding: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
  }
   .text2 {
	margin-top: 10px;
	color: #FFF;
  }