@media (max-width: 768px) {
    html, body {
        height: 125%;
    }
}

@media (min-width: 768px) {
    html, body {
        height: 100%;
    }
}

hr {
    margin-top: 2rem;
    margin-bottom: 2rem;
    margin-left: 0.2rem;
    margin-right: 0.2rem;

    border: none;
    height: 2px;

    color: #888;
    background-color: #888;
}

.history-img {
    max-width: 250px;
    width: 100%;
    height: auto;
}

#qrOutputImage {
    max-width: 85%;
    width: 100%;
    height: auto;
}