body{
		background-repeat: no-repeat;
		background-attachment: fixed;
		color: #fff;
		font-size: large;
		font-family: "Arial Black";
		float : center;
		text-decoration: none;
		position: center;
		justify-content: left;
		background-size: cover;
		}
@media (min-width:500px)  {
	body {
		background-image: url("project/Font.jpg");
		font-size: 100%;
		background-color:black;	
	}
	
}
@media (max-width:500px)  {
	body {
		background-image: url("project/Font.jpg");
		font-size: 50%;
		background-color:black;	
	}
	
	
}
@media (device-aspect-ratio: 9/16) {
	body {
		background-image: url("project/Font.jpg");
		font-size: 100%;
		background-color:black;	
	}
	
}
		

		h1
		{
		font-family: Impact;
		font-size: 4em;
		background-color: grey;
		color: red;
		padding-left: 2em;
		}

		h2
		{
		font-family: Arial;
		font-size: 1em;
		background-color: grey;
		color: white;
		}


		
	   a{
		color: #fff;
		}
	.linkbox{
		text-decoration: none;
		text-align : center;
		position: center;
		diplay: flex;
		justify-content: center;
		win-height: 100vh;
		margin: 50px 0px 0px 20px;
		}
	button {
		background-color: #6689FF;
		box-shadow: 6px 6px 20px 4px rgba(0, 0, 0, 0.2);
		border: none;
		border-radius: 5px;
		color: #fff;
		font-family: Impact;
		font-size: 2em;
		padding: 15px 0px;
		cursor: pointer;
		outline: none;
		margin: 25px 25px 25px 25px;
		width: 350px;
		}
	button:hover {
		background-color: #DBC47A;
		box-shadow: 6px 6px 18px 2px rgba(0, 0, 0, 0.23);
		transform: scale(1.2);
	}
	button:active {
		box-shadow: 6px 6px 18px 2px rgba(0, 0, 0, 0.19);
		transform: scale(0.98);
	}