body{
    background-color: bisque;
    color:rgb(124, 90, 46);
    text-align: center;
    font-size: 70px;
    margin:40px
}

.board{
    width:600px;
    margin:20px auto;
    text-align: center;
}

.card{
    width:125px;
    height:125px;
    background-image: url(Zdjecia_mem/rewers.jpg);
    display: inline-block;
    margin:3px;
    border: 2px rgb(198, 171, 82) solid;
    border-radius: 5px;
    cursor: pointer;
    user-select: none;
}

.card:hover{
    border: 3px rgb(245, 194, 111) solid;
    margin: 2px;
}

#licznik{
    background-color: rgb(248, 213, 157);
    margin:20px auto;
    width:200px;
    height: 30px;
    text-align: center;
    padding-top: 2px;
    border: 2px rgb(198, 171, 82) solid;
    border-radius: 5px;
    font-size: 25px;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}
#life{
    background-color: rgb(248, 213, 157);
    margin:20px auto;
    width:200px;
    height: 30px;
    text-align: center;
    padding-top: 2px;
    border: 2px rgb(198, 171, 82) solid;
    border-radius: 5px;
    font-size: 25px;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}
#time{
    background-color: rgb(248, 213, 157);
    margin:20px auto;
    width:200px;
    height: 30px;
    text-align: center;
    padding-top: 2px;
    border: 2px rgb(198, 171, 82) solid;
    border-radius: 5px;
    font-size: 25px;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}
#again{
    background-color: rgb(245, 194, 111);
    margin:40px auto;
    width:200px;
    height: 30px;
    text-align: center;
    padding-top: 2px;
    border: 2px rgb(180, 153, 64) solid;
    border-radius: 5px;
    font-size: 25px;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    cursor: pointer;
}