body {
    font-family: 'Outfit', sans-serif;
    background-color: #060911;
    min-height: 100%;
    margin: 0;
    position: relative;
}

body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-image: url('../img/reigon.webp'); 
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 0.3; 
}

/* Base Card Transition Enhancements */
.pdf-card {
    will-change: transform, border-color, background-color;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), 
                border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), 
                background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Move card slightly up on hover */
.pdf-card:hover {
    transform: translateY(-4px);
}

/* Inner Icon Frame Transition Enhancements */
.icon-box {
    transition: background-color 0.3s ease, 
                color 0.3s ease, 
                box-shadow 0.3s ease;
}


.flex.items-center.space-x-3.bg-slate-900.px-5.py-2.rounded-xl.border.border-slate-800.text-xs.font-mono.tracking-wider.text-emerald-400 {
    display: none;
}

/* Cards */

.gb-logo {
    width: 65px;
}

.gba-logo {
    width: 80px;
}

.threeds-logo {
    width: 80px;
}

.nds-logo {
    width: 80px;
}


/* Release Date */
.text-slate-500 {
    --tw-text-opacity: 1;
    color: rgb(69 77 88) !important;
}