body {
	background-color: black;
}

div.Main {
    position: fixed; 
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

h1 {
	font-family: Title;
	color: lightgray;
	text-align: center;
}

.contact {
	text-align: center;
}

a {
	font-family: Email;
	color: rgb(207, 203, 203);
	text-align: center;
	text-shadow: 0px 0px 11px rgba(255, 0, 0, 0.493);
}

@media only screen and (min-width: 1200px) {

h1 {
	font-size: clamp(33px, 2vw, 2vw);
	text-wrap: nowrap;
}

a {
	font-size: clamp(22px, 1.4vw, 1.4vw);
}

}

@media only screen and (min-width: 600px) {
	h1 {
	font-size: clamp(33px, 2vw, 2vw);
	text-wrap: nowrap;
}

a {
	font-size: clamp(22px, 1.4vw, 1.4vw);
}

@media only screen and (max-width: 600px) {
	h1 {
		font-size: clamp(0px, 1.7vw, 1.7vw);
		text-wrap: pretty;
	}

	a {
		font-size: clamp(22px, 1.4vw, 1.4vw);
	}
}

}

@font-face {
  font-family: Title; /* set name */
  src: url(Fonts/Title.ttf); /* url of the font */
}

@font-face {
  font-family: Email; /* set name */
  src: url(Fonts/Email.ttf); /* url of the font */
}