html, body {
    height: 100%;
    margin: 0;
}

body {
    background: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-y: hidden;
}
canvas {
    border: 1px solid white;
}
#p1{
    color:red;
	position:absolute;
	left:100px;
	top:10px;
}
#p2{
    color:red;
	position:absolute;
	left:100px;
	top:30px;
}
#score{
    color:#ffffff;
    position:absolute;
	left:155px;
	top:10px;
}
#high{
    color:#ffffff;
    position:absolute;
	left:210px;
	top:30px;
}
#reset{
	position:absolute;
	left:100px;
	top:50px;
}
#menu{
	position:absolute;
	left:100px;
	top:80px;
}
a:link{
	color:#ffffff;	
	text-decoration:none;
}
a:visited{
	color:#ffffff;
	text-decoration:none;
}
a:hover{
	color:red;
	text-decoration:none;
}
a:active{
	color:#ffffff;
	text-decoration:none;
}