#dgApp{
max-width:500px;
margin:auto;
font-family:sans-serif;
text-align:center;
}

.header input{
width:45%;
padding:8px;
margin:10px;
}

#holeCard{
background:#f5f5f5;
padding:20px;
border-radius:10px;
}

.scoreButtons{
display:flex;
justify-content:center;
gap:10px;
margin:10px;
}

.scoreButtons button{
width:40px;
height:40px;
font-size:22px;
}

.nextHole{
margin-top:20px;
padding:10px 20px;
font-size:18px;
}

.match{
margin-top:20px;
font-size:22px;
}

canvas{
position:fixed;
top:0;
left:0;
pointer-events:none;
}