#mainTitle {
    font-weight: 500;
    padding: 0;
}

#filterDiv {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

#createBtn {
    width: 200px;
    margin: 20px 0;
    border: none;
    outline: none;
    background-color: #000000;
    color: #ffffff;
    font-weight: 500;
    font-size: 15px;
    transition-duration: 0.5s;
}

#searchField {
    max-width: 200px !important;
}

.listBtns {
    border: none;
    outline: none;
    background-color: #000000;
    color: #ffffff;
    transition-duration: 0.5s;
}

    #createBtn:hover, .listBtns:hover {
        /*color: #0a2b74;*/
        color: #71d0ff;
        background-color: black;
        /*background-color: white;*/
        transition: 0.5s !important;
    }

#createBtn:focus, .listBtns:focus{
    color: white !important;
}

.actions {
    padding: 20px;
    display: flex;
    justify-content: space-between;
}

@media (max-width: 566px) {
    #filterDiv {
        display: grid;
        justify-content: initial;
        align-items: initial;
        margin-bottom: 10px;
    }
}