body {
    font-family: 'Lucida Grande', helvetica, arial, verdana, sans-serif;
    background-color: lightgoldenrodyellow;
}

header {
    margin-bottom: 15px;
    padding-top: 15px;
    text-align: center;
    font-size: x-large;
    font-weight: bold;
}

header > * {
    vertical-align: middle;
}

#gracz1 {
    color: red;
}

#wynik1, #wynik2 {
    font-size: xx-large;
    margin: 0px 15px 0px 15px;
}

#gracz2 {
    color: blue;
}

button {
    margin: 15px 5px 15px 5px;
}

canvas {
    position: relative;
    left: 0;
    border: none;
}

div {
    position: relative;
}

#boisko {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

#gra {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}