body{
    background-color: black;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

html{
    scrollbar-color: #B20710 black;
}

.ff-logo_grande{
    height: 60px;
    width: 180px;
}

.nav-login ul{
    list-style: none;
}

.div-form_pai{
    display: flex;
    justify-content: center;
    color: white;
}

.form-login{
    background: rgb(153, 73, 73);
    padding: 15px;
    border-radius: 10px;
    width: 310px;
    text-align: left;
}

.input-email, .input-senha{
    padding: 6px;
    border-radius: 10px;
    border: 2px solid rgb(152, 56, 56);
    width: 300px;
    background-color: rgb(0, 0, 0);
    color: white;
    outline: none; /* Retira a borda branca do navegador */

    transition: border 0.3s ease-in-out;
}

.input-email::placeholder, .input-senha::placeholder{
    color: white;
}

.input-email:focus, .input-senha:focus{
    border: 5px solid #000000;

    transition: border 0.3s ease-in-out;
}

.button_form{
    color: white;
    background-color: rgb(195, 175, 59);
    border: none;
    text-align: center;
    padding: 6px;
    border-radius: 10px;
    width: 314px;

    transition: background-color 0.4s ease-in-out;
}

.button_form:hover{
    transition: background-color 0.6s;
    background-color: rgb(236, 209, 57);
    cursor: pointer;
}


.div-secundary{
    text-align: center;
}    

.create-ff{
    background: rgb(153, 73, 73);
    color: white;
    padding: 10px;
    border-radius: 20px;
    text-decoration: none;

    transition: background-color 0.6s ease-in-out;
}

.create-ff:hover{
    transition: background-color 0.6;
    background-color: #9d242a;
}

.color{
    color: white;
}


.bh1{
    font-size: 10px;
}