@font-face {
    font-family: "Source Serif";
    src:url(SourceSerif4-Semibold.otf)
}

.card-print {
    border-color: #aaa;
    margin-bottom: 1em;
    margin-top: 2em;
    padding:1em
}

#print-area {
    display:none
}

.details {
    align-items: center;
    display:flex
}

.qrcode {
    max-width: 175px;
    padding:1em
}

.hidden {
    display:none
}

textarea {
    background-color: #fff;
    border: 1px solid #ddd;
    font-family: "Source Serif", serif !important;
    font-size: 1.2em !important;
    height: 40px !important;
    margin-bottom: 0;
    min-height: 0 !important;
    overflow: hidden;
    resize:none
}

textarea#password {
    height:40px !important
}

hr {
    margin-top:0
}

button {
    height: 50px;
    width:180px
}

#settings {
    margin-bottom: 1em;
    padding:1em
}

#settings label span {
    margin-right:8px
}

@media print {
    body * {
        visibility:hidden
    }

    #print-area, #print-area * {
        visibility:visible
    }

    #print-area {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        left: 0;
        position: absolute;
        row-gap: 0;
        top:0
    }

    .card-print {
        -webkit-column-break-inside: avoid;
        border-style: dashed;
        box-shadow: none;
        break-inside: avoid;
        margin-bottom: 0;
        margin-top: 0;
        page-break-inside:avoid
    }
}

body {
    margin: 0 auto;
    max-width: 500px;
    padding: 1em
}