/*@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');*/
body{
    font-family: 'Oswald', sans-serif;
}
h1{
  text-align: center;
}
.pcstats{
  font-size: 25px;
}
canvas {
    display: block;
    vertical-align: bottom;
}
.main{
  width: 75%;
  border: 5px solid gray;
  padding: 50px;
  background-color: white;
  margin: auto;
}
.main1{
  width: 75%;
  border: 5px solid gray;
  padding: 50px;
  background-color: white;
  margin: 20px auto;
}
nav{
  font-size: 20px;
  text-align: center;
}
footer{
  font-size: 20px;
  text-align: center;
}
p{
  font-family: 'Oswald', sans-serif;
  font-size: 20px;
}
button {
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
	background-color:#fe1a00;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
}
button:hover {
	background:linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%);
	background-color:#ce0100;
}
button:active {
	position:relative;
	top:1px;
}
.myButton {
	box-shadow: 3px 4px 0px 0px #8a2a21;
	background:linear-gradient(to bottom, #c62d1f 5%, #f24437 100%);
	background-color:#c62d1f;
	border-radius:18px;
	border:1px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:7px 25px;
	text-decoration:none;
	text-shadow:0px 1px 0px #810e05;
}
.myButton:hover {
	background:linear-gradient(to bottom, #f24437 5%, #c62d1f 100%);
	background-color:#f24437;
}
.myButton:active {
	position:relative;
	top:1px;
}