::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: yellow !important;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: yellow !important;
    opacity: 1 !important;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: yellow !important;
    opacity: 1 !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: yellow !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: yellow !important;
}

::placeholder { /* Most modern browsers support this now. */
    color: yellow !important;
}

.main {
    max-width: 500px;
    margin: 0 auto;
}

#secret_code {
    color: yellow;
}

.field-check {
    font-family: monospace;
}

.field-info {
    text-align: center;
    color: red;
}

.header {
    text-align: center;
}

.rep {
    height: 1.2rem;
}

.link-qr {
    position: absolute;
    z-index: 20;
    top: 1%;
    left: 50%;
    transform: translate(-50%, 0);
    height: 1.2rem;
    width: 1.2rem;
}
@keyframes change_bgcolor {
    50% {color: red;}
}
.clInfo {
    font-size: 1rem;
    text-align: center;
    padding: 0.25rem;
    border-radius: 0.25rem;
    margin-left: -5px;
    margin-right: -5px;

    color: green;
    background-color: yellow;
    animation: change_bgcolor 2000ms step-start infinite;
}
/* 2025-03-31 */
.cursor-pointer {
    cursor:pointer;
}