.head .material-icons,
.head .material-symbols,
.head .material-symbols-outlined {
    font-size: 3em;
}

.head {
    vertical-align: middle;
}

#qrcoode {
    --size: 296px;
    min-width: var(--size);
    min-height: var(--size);
    max-width: var(--size);
    max-height: var(--size);
    width: var(--size);
    height: var(--size);
}

button i {
    vertical-align: middle;
}