:root{
    --primary-color: #ed372d;
    --dark-color: rgb(16, 24, 40);
    --dark-light-color: rgb(24, 33, 48);
    --background-color: linear-gradient(180deg, #fdebea, hsla(3, 83%, 95%, 0));
}

li{
    list-style: none;
}

a[href]{
    text-decoration: none;
    cursor: pointer;
    color: var(--dark-color);
}

.hidden{
    display: none;
}

.btn-red{
    background-color: var(--primary-color);
    color: #fff;
    border: none;
    padding: 7px 16px;
    border-radius: 6px;
}

.input-primary{
    border-radius: 6px;
    padding: 5px 5px;   
    outline: none;
    border: 2px solid transparent;
}

.input-primary:focus{
    border-color: var(--primary-color);   
}

.bg-color-blue{
    background: linear-gradient(171deg, #2b87da, #00ace0);;
}

.cursor-pointer{
    cursor: pointer;
}

::-webkit-scrollbar {
    width: 8px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: #fff;
}
::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background: #747373;
}