body{
    background-image: url("https://images.unsplash.com/photo-1655159428752-c700435e9983?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2832&q=80");
    background-size: cover;
    text-align: center;
    color: white;
}

h1{
    text-shadow: 0px 0px 5px goldenrod;
}

#sum{
    text-shadow: 0px 0px 5px goldenrod;
    font-weight: bold;
    font-size: 20px;
}

#cards{
    text-shadow: 0px 0px 5px black;
    font-weight: bold;
    font-size: 20px;
}

#window{
    text-shadow: 0px 0px 5px black;
    font-weight: bold;
    font-size: 20px;
}

#startBtn{
    padding: 5px 10px;
    color: black;
    background-color:bisque;
    font-weight: bold;
}

#cardBtn{
    padding: 5px 10px;
    color: black;
    background-color:bisque;
    font-weight: bold;
}

#rule{
    text-shadow: 0px 0px 1px red;
    color:goldenrod;
    font-size: 16px;
}