#container {
    width: 400px;
    margin: 0 auto;
}

svg circle.face {
    stroke: black;
    stroke-width: 3px;
    fill: yellow;
}
svg circle.face-shadow {
    fill: black;
    opacity: 0.30;
    transform: translate(4px, 4px);
}
svg circle.eye {
    fill: black;
}
svg path.smile {
    stroke: black;
    stroke-width: 3px;
    fill: none;
}

svg path.plot {
    stroke: red;
}

table {
    width: 100%;
    border-collapse: collapse;
}
table tr:nth-child(1), table tr:nth-child(2) {
    background-color: #eeeeee;
}
table tr td {
    border: 1px solid #dddddd;
    padding: 8px;
}
#good1-value, #good2-value {
    width: 2em;
}