@font-face {
	font-family: MyFont;
	src: url(Audiowide-Regular.ttf);
}

body {
	text-align: center;
	font-family: MyFont;
	font-size: large;
	text-shadow: 1px 0px black;
	color:tomato;
	background-image:linear-gradient(to right, teal, #001010);
}

h1 {
	text-shadow: 1px 1px 10px black, 0 0 10vw blue;
	font-size: 5vw;
}

table {
	margin-left: auto;
	margin-right: auto;
	border-color:tomato;
}

table,  td {
	color: #00ffdc;
	border-collapse:
       	collapse;
}

th {
	color: #ffeb00;
	background-color:lightslategrey;
}

th,td{
	padding:1vw;
}

a:link, a:visited {
	font-family: MyFont;
	font-size: large;
	text-shadow: none;
	background-color: black;
	color: #ffffff;
	border-radius: 1vw;
	border: none;
	text-decoration:none;
	padding: 1vw 1vw;
}

a:hover, a:active {
	font-family: MyFont;
	font-size: large;
	text-shadow: 1px 0px black;
	background-color: #555555;
	color: #ffffff;
	border-radius: 1vw;
	border: none;
	text-decoration:none;
	padding: 1vw 1vw;
	box-shadow: 0 0 2vw red;
	transition: 0.2s;
}

input[type=button] {
	font-family: MyFont;
	font-size: large;
	text-shadow: none;
	background-color: black;
	color: #ffffff;
	border-radius: 1vw;
	border: none;
	text-decoration:none;
	padding: 1vw 1vw;
}

input[type=button]:hover {
	font-family: MyFont;
	font-size: large;
	text-shadow: 1px 0px black;
	background-color: #555555;
	color: #ffffff;
	border-radius: 1vw;
	border: none;
	text-decoration:none;
	padding: 1vw 1vw;
	box-shadow: 0 0 2vw red;
	transition: 0.2s;
}

input[type=file] {
	font-family: MyFont;
	font-size: large;
	text-shadow: none;
	background-color: black;
	color: #ffffff;
	border-radius: 1vw;
	border: 2px solid green;
	text-decoration:none;
	padding: 1vw 1vw;
}

input[type=file]:hover {
	font-family: MyFont;
	font-size: large;
	text-shadow: 1px 0px black;
	background-color: #777777;
	color: #ffffff;
	border-radius: 1vw;
	border: 2px solid green;
	text-decoration:none;
	padding: 1vw 1vw;
	transition: 0.2s;
}

input[type=file]::file-selector-button {
	display:none;
}