html, body {
    height: 100%;
    max-width: 800px;
    margin: 0 auto;
    background-image: url('../Images/wood.png');
    background-repeat: repeat;
}

.clearfix {
    overflow: auto;
}

.emoji-rating label {
    font-size: 2em;
    cursor: pointer;
    display: inline-block;
    /*width: 50px;*/
    text-align: center;
}

.emoji-rating input[type="radio"] {
    display: none;
}

.tbl {
    box-sizing: border-box;
    padding: .75rem;
    border-radius: 1rem;
    background-color: hsl(0, 0%, 100%);
    border: 4px solid hsl(0, 0%, 90%);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    width:90%;
}
.error {
    border: 2px solid red;
}