.btn-primary{

    background-color: #005f89;
    border-color: #005f89;
    --bs-btn-active-border-color: #0093b7;
    --bs-btn-active-bg: #0093b7;
    --bs-btn-hover-bg: #0093b7;
    --bs-btn-hover-border-color: #0093b7;

    color: white;

}



.btn-primary:focus{
    background-color: #0093b7;

}

.btn-primary:visited{

    background-color: #005f89;
    border-color: #005f89;

    color: white;

}

.btn-outline-primary{
    border-color: #005f89;
    --bs-btn-color: #005f89;
    --bs-btn-hover-bg: #0093b7;
    --bs-btn-hover-border-color: #0093b7;
    --bs-btn-hover-color: #fff;
}

.card-title{
    color: #4EA5D9;
}

.big_text{
    color: #005f89;
}
.big_text_light{
    color: #4EA5D9;
}

.form-signin {
    max-width: 330px;
    padding: 15px;
}

#sign_form_body {
    display: flex;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
}

.fon {
    background-image: url('fon_circle_dark.png');
    background-position: right;
    background-repeat: no-repeat;
}

.fon_card {
    background-image: url('fon_circle_card.png');
    background-position: right;
    background-repeat: no-repeat;
}

.fon_card_white {
    background-image: url('circle_white.png');
    background-position: right;
    background-repeat: no-repeat;
}

.e_first {
    opacity: 0;
    animation: ani 1.5s forwards;
    transform: translateY(-15%);
}

.e_second {
    opacity: 0;
    animation: ani 2s forwards;
    transform: translateY(-15%);

}

.e_last {
    opacity: 0;
    animation: ani 2.5s forwards;
    transform: translateY(-15%);

}

.e_first_big {
    opacity: 0;
    animation: ani_big 1.5s forwards;
    transform: translateY(-5%);
}

.e_second_big {
    opacity: 0;
    animation: ani_big 2s forwards;
    transform: translateY(-5%);

}

.e_last_big {
    opacity: 0;
    animation: ani_big 2.5s forwards;
    transform: translateY(-5%);

}

.e_post {
    opacity: 0;
    animation: ani_post 1.5s forwards;
    transform: translateX(-5%);
}

.e_post_r {
    opacity: 0;
    animation: ani_post_r 1.5s forwards;
    transform: translateX(5%);
}

.e_opacity {
    opacity: 0;
    animation: ani_op 1.5s forwards;
    transform: translateX(-15%);
}

@keyframes ani {
    0% {opacity: 0;
        transform: translateY(-15%);}
    100% {opacity: 1;
        transform: translateY(0);}
}

@keyframes ani_big {
    0% {opacity: 0;
        transform: translateY(-5%);}
    100% {opacity: 1;
        transform: translateY(0);}
}

@keyframes ani_post {
    0% {opacity: 0;
        transform: translateX(-5%);}
    100% {opacity: 1;
        transform: translateX(0);}
}

@keyframes ani_post_r {
    0% {opacity: 0;
        transform: translateX(5%);}
    100% {opacity: 1;
        transform: translateX(0);}
}

@keyframes ani_op {
    0% {opacity: 0;
        transform: translateX(-15%);}
    100% {opacity: 0.75;
        transform: translateX(0);}
}