@import url('https://fonts.googleapis.com/css2?family=Victor+Mono:ital,wght@0,100..700;1,100..700&display=swap');

* {
    box-sizing: border-box;
}

@media screen {
    body.qr-codes {
        display: flex;
        justify-content: center;
        background-color: grey;
        main {
            width: 21cm;
            min-height: 29.7cm;
            background-color: white;
            padding: 1cm;
        }
    }
}

.qr-codes {
    font-family: "Victor Mono";
    display: flex;
    flex-wrap: wrap;
    color: #454545;
}

.sticker {
    width: 2cm;
    height: 2.5cm;
    border: 0.25px dashed #d3d3d3;
    padding: 0.15cm 0 0.1cm 0.1cm;
    display: flex;
    justify-content: space-around;
}

.main {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.side {
    font-size: 6px;
    writing-mode: vertical-lr;
    display: flex;
    justify-content: space-between;
}

.code {
    margin-bottom: 0.04cm;
}

.logo {
    max-width: 90%;
    max-height: 0.75cm;
    margin-bottom: 0.1cm;
    object-fit: contain;
}

.title {
    color: #5b260b;
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
}