body {
    background-color: #1abc9c;
}
h1 {
    text-align: center;
    color: white;
}

/* Style taken from W3 schools:  https://www.w3schools.com/howto/howto_css_product_card.asp*/
.card {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    max-width: 300px;
    margin: auto;
    text-align: center;
    font-family: arial;
    background-color: white;
}
.card h1 {
    color: black;
}
  
.price {
    color: grey;
    font-size: 22px;
}
  
.card button {
    border: none;
    outline: 0;
    padding: 12px;
    color: white;
    background-color: #000;
    text-align: center;
    cursor: pointer;
    width: 100%;
    font-size: 18px;
}
  
.card button:hover {
    opacity: 0.7;
}

.disabled{
    pointer-events: none;
    background-color: red;
}

.checked {
    color: orange;
}