@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap");

html {
    font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #101111;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: linear-gradient(50deg, rgba(102, 187, 106, 0.4) 0%, rgba(233, 30, 99, 0.4) 50%, rgba(156, 39, 176, 0.4) 100%);
    border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(50deg, rgba(102, 187, 106, 0.6) 0%, rgba(233, 30, 99, 0.6) 50%, rgba(156, 39, 176, 0.6) 100%);
    border-radius: 5px;
}

.bg-image {
    background-image: url('assets/images/header.png');
}