html{
    width: 100vw;
    font-size: clamp(15px, 2vw, 16px);
    /* font-size: 15px; */
    font-family: Arial, Helvetica, sans-serif;
    color: #1d1d1d;
}

.ContainerScreenVerify{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    min-width: 380px;
    height: 100%;
    min-height: 630px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.PositionIconScreenVerify{
    position: relative;
    top: 0px;
    margin-top: 0px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ContainerIconScreenVerify{
    position: relative;
    top: 0px;
    width: clamp(130px, 20vw, 170px);
    height: clamp(130px, 20vw, 170px);
    background-color: rgba(230, 230, 230, 0.74);
    display: flex;
    align-items: center;
    justify-content: center;
    animation: IconEfectScreenVerify 1s 0s infinite alternate;
}

@keyframes IconEfectScreenVerify{
    form{
        scale: 1;
    }
    
    to{
        scale: 1.2;
    }
}

/* .ContainerIcon:hover{
    transform: scale(1.2);
    transition-duration: 1s;
} */

.IconScreenVerify{
    position: absolute;
    width: 75%;
    height: 75%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../imgs/Logo\ APP\ GRCA\(512x512px\).png);
}

.ContainerLoadingBarScreenVerify{
    position: relative;
    margin-top: clamp(50px, 10vh, 80px);
    width: clamp(260px, 50vw, 360px);
    height: 8px;
    background-color: rgba(184, 184, 184, 0.808);
}

.ProgressBarScreenVerify{
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 0%;
    background-color: #05b1ff;
}

.TitleScreenVerify{
    position: relative;
    margin-top: clamp(10px, 3vh, 35px);
    width: 100%;
    text-align: center;
}