*{
    --bgColor: #f7f7f7;
    --mainColor: #2b64ff;
    --secondaryColor: #1f47b5;

    margin: 0;
    padding: 0;
  
    font-family: 'Ubuntu', sans-serif;
}

.text-primary{
    color: var(--mainColor);
}

/*scroll*/
::-webkit-scrollbar {
    width: 8px;
}
  
::-webkit-scrollbar-track {
    background: var(--bgColor);
}

::-webkit-scrollbar-thumb {
    background: var(--mainColor);
}
  

::-webkit-scrollbar-thumb:hover {
    background: var(--secondaryColor);
}

.bg_transition{
    position: absolute;
    top: 0;
    background: rgb(33,37,41);
    background: linear-gradient(180deg, rgba(33,37,41,0) 0%, rgba(33,37,41,1) 100%);
    width: 100%;
    height: 100%;
    z-index: 1;
}