@font-face {
    font-family: Josefin;
    src: url("../fonts/JosefinSans-VariableFont_wght.ttf") format("truetype");
}

body::-webkit-scrollbar {
    display: none;
}

html,
body {
    font-family: Josefin;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

body {
    /* background-image: url('img/random_mainpage.png'); */
    background-color: rgb(46, 50, 59);
}

.sltnav-btn a {
    color: rgb(255, 255, 255);
}

.sltnav-btn:hover a {
    color: rgb(46, 50, 59);
    background-color: rgba(255, 255, 255, 0.8);
}

.sltnav-btn-clicked a {
    color: rgb(46, 50, 59);
    background-color: rgba(255, 255, 255, 0.8);
}

.slt-gamecard {
    transform: scale(1);
    opacity: 1;
    transition: all 150ms ease-in-out; 
}

.slt-gamecard:hover {
    cursor: pointer;
    transform: scale(1.07) rotate(-5deg);
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    z-index: 10;
}

.slt-gamecard:hover > .slt-gamecard:not(:hover) {
    opacity: 0.5;
}