body {
    font-family: sans-serif;
    font-size: small;
}

h1 {
    margin: 0.2em 0;
}

h2 {
    margin: 0.2em 0;
}

h3 {
    margin: 0.2em 0;
}

p {
/*     margin: 5px 0px 0px; */
    margin: 0px;
}

p:first-child {
    font-weight: bold;
}

p.description {
    margin-top: 6px;
    font-size: smaller;
}

a {
    text-decoration: none;
    color: inherit;
}

div {
    margin: 4px;
}

div.group {
    padding: 8px;
    vertical-align: top;
    display: inline-block;
    border: 3px solid lightgrey;
    border-radius: 10px;
    background-color:#f0f0f0;
/*     filter: drop-shadow(5px 5px lightgrey) */
}

div.together {
    vertical-align: top;
    display: inline-block;
}

div.test {
    cursor: pointer;
    padding: 8px;
    width: 300px;
    vertical-align: top;
    display: inline-block;
    border: 3px solid lightblue;
    border-radius: 10px;
    background-color: azure;
}

div#qrcode {
    margin: 4px;
    padding: 8px;
    vertical-align: top;
    display: inline-block;
    border: 3px solid darkblue;
    border-radius: 10px;
/*     background-color: azure; */
}

div#status {
    font-weight: bold;
/*     background-color: azure; */

}

div#info {
    padding: 8px;
    vertical-align: top;
    display: inline-block;
    border: 3px solid lightblue;
    border-radius: 10px;
    background-color: azure;
}