/* header */
.admin-header{
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 1rem;
}
/* btn */
.admin-btns{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding-bottom: 1rem;
    color: var(--white);
}
.admin-btn{
    padding: 1rem 1.5rem;
    line-height: inherit;
    font-weight: normal;
    border-radius: 3px;
    cursor: pointer;
}
.admin-btn-add{
    background-color: var(--success);
}
.admin-btn-edit{
    background-color: var(--primary);
}
.admin-btn-delete{
    background-color: var(--danger);
}
/* form */
.admin-form label{
    display: block;
    margin-bottom: 1rem;
}
.admin-form label p{
    margin-bottom: .25rem;
}
.admin-form label input, .admin-form label textarea{
    display: block;
    width: 100%;
    border: 1px solid var(--secondary);
    border-radius: 3px;
    padding: 5px;
    outline: none;
    font-weight: 300;
    background-color: var(--light);
}
.admin-form textarea{
    min-height: 5.5rem;
}
.admin-form input[type="file"]{
    border: none;
    padding: 0px;
    outline: none;
    font-weight: 300;
    background-color: inherit;
}
.admin-form select{
    display: block;
    border: 1px solid var(--secondary);
    border-radius: 3px;
    padding: 5px;
    outline: none;
    font-weight: 300;
    background-color: var(--light);
}