@font-face {
    font-family: "retrogaming";
    src: url("../fonts/RetroGaming-wQSR2Up.ttf");
}

.game h1 {
    font-family: "retrogaming", serif;
    color: greenyellow;
    background-color: green;
    padding: 1em;
    border: 3px solid greenyellow;
    text-align: center;
}

.game h1 img {
    opacity: 0.3;
}

img.vignette {
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.media {
    overflow: hidden;
}

.img-empty-disk {
    filter: opacity(0.3) drop-shadow(0 0 0 green);
}

nav.game {
    background-color: rgba(40, 34, 195, 0.6);
    border-bottom: 1px solid white;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
}

.game > h2 {
    font-family: "retrogaming", serif;
    color: greenyellow;
}

.card.game {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.card.game .card-body > h5 {
    font-family: "retrogaming", serif;
}