@font-face {

    font-family: 'principal';

    src: url('../fuentes/Lumberjack.ttf');

}

@font-face {

    font-family: 'secundaria';

    src: url('../fuentes/Lumberjack\ Rough.ttf');

}

@font-face {

    font-family: 'tercera';

    src: url('../fuentes/Lumberjack\ Rough\ Shadow.ttf');

}

@font-face {

    font-family: 'titulos';

    src: url('../fuentes/Veneer\ Two.otf');

}

.btn-warning {

    color: #4b1714;

}

body {

    font-family: 'principal';
    /*background-image: url('../img/fondoCorral.jpg');*/
    background-color: rgba(245, 245, 245, 0.973);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;
    display: flex;
    align-items: center;

}

#form-login {

    background-color: rgba(209, 209, 218, 0.5);

}

h1 {

    letter-spacing: 2px;
    font-family: 'titulos' !important;
    color:#ea5c3f;

}

.form-control, input, .form-select, .form-floating, .form-text, p, label {
    
    color: #4b1714 !important;

}

#contImg {
    
    display: flex;
    align-items: center;

}

h4{
    font-family: 'principal';
    color: #4b1714;
    
}

.modal-header{

    background-color: #fbb900;
    color:#4b1714;
    
}

.form-control:focus{
    border-color: #fbb900 !important;
    box-shadow: 0 0 0 0.25rem rgba(251, 185, 0, 0.25);
}

.form-select:focus{
    border-color: #fbb900 !important;
    box-shadow: 0 0 0 0.25rem rgba(251, 185, 0, 0.25);
}

.alert-success{
    color: #4b1714;
    background-color: #fbb900;
}

.alert-danger{
    color: white;
    background-color: #eb5d40;
}

.alert-danger>p{
    color: white !important;
}

.btn-primary{
    background-color: #4b1714 !important;
    color: white !important;
    border-color: white !important;
}

.btn-primary:focus{

    box-shadow: 0 0 0 0.25rem rgba( 75, 23, 20 , 0.25) !important;
}

.btn-success:focus{

    box-shadow: 0 0 0 0.25rem rgba( 235, 93, 64 , 0.25) !important;
}

.btn-success{
    background-color: #eb5d40 !important;
    color: white !important;
    border-color: white !important;
}

a{
    color: #eb5d40;
}

a:hover{
    color: #eb5d40;
}