.ff-sofia {
    font-family: "Sofia", sans-serif;
    font-display: swap;
}

.ff-space-mono {
    font-family: "Space Mono", sans-serif;
    font-display: swap;
}

/* Style the scrollbar track */
::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    /* Change the background color */
}

/* Style the scrollbar thumb */
::-webkit-scrollbar-thumb {
    background-color: #888;
    /* Change the color of the thumb */
    border-radius: 5px;
    /* Add rounded corners to the thumb */
}

/* Hide the scrollbar when not hovering over it */
::-webkit-scrollbar {
    width: 5px;
    background-color: #f1f1f1;
}

html {
    scroll-behavior: smooth;
}

.social-buttons {
    position: fixed;
    top: 40%;
    left: 5%;
}