*{
    font-family: "SF";
}

.main-background{
    background-image: url("bg1.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    /* filter: blur(3px);
    -webkit-filter: blur(3px); */
    height: 100%;
}

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar:hover {
    width: 12px;
}

::-webkit-scrollbar-track {
    background-color: rgb(60, 58, 58);
}

::-webkit-scrollbar-thumb {
    background-color: rgb(101, 99, 99);
    border-radius: 20px;
}
/* 
@font-face {
    font-family: "SF";
    src: url("SF-Pro-Text-Regular.ttf");
} */


@font-face {
    font-family: "SF";
    src: url("Signika-Regular.ttf");
}

.card{
    transition: 300ms;
}

.card:hover{
    transition: 300ms;
    transform: scale(1.05);
}