body {

    margin: 0;
    font-family: Roboto, sans-serif;

    background-image: url("/panel/img/poris.jpg");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;

}

.bg-overlay {

    background: rgba(0, 0, 0, 0.6);
    min-height: 100vh;
    display: flex;
    align-items: center;

}

.app-container {

    max-width: 500px;

}

.card {

    border-radius: 14px;

}

.back-btn {

    font-size: 18px;

}

#reader {

    width: 100%;

}

#result {

    font-size: 18px;
    word-break: break-word;

}

.qr-text {

    white-space: pre-wrap;
    word-break: break-word;
    overflow-wrap: anywhere;
    font-size: 16px;

}

@media (max-width:600px) {

    h4 {
        font-size: 26px;
    }

    .btn-large {
        width: 100%;
    }

}