* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
div {
    padding: 1em;
}
input, strong {
    margin: .5em;
    border-radius: 5px;
}
input[type=color]{
    width:100%;
}
img, canvas{
    box-shadow: 3px 3px 6px #5c636aa1;
    border: 3px solid #bcbec0;
}
.options {
    width: 20%;
    display: flex;
    flex-direction: column;
}
.qrcode > div {
    box-shadow: 3px 3px 6px #5c636aa1;
    border: 3px solid #bcbec0;
}
.qrcode {
    width: 60%;
    text-align: center;
}
.page {
    display: flex;
    flex-direction: row
}
#img-buffer {
    display: none;
}