html{
            font-size: 16px;
        }
        body {
            display:flex;
            flex-direction: column;
            min-height: 100vh;
            font-family: "Jersey 15", sans-serif;
            background-color: rgb(1, 1, 1);
            text-align: center;
            color:aliceblue;
            background-image: url('images/logohd1.jpg');
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center center;
            background-attachment: fixed;
        }
        h1{
            font-size: clamp(2.5rem,5vw,5rem);
            font-family: "Workbench", sans-serif;
            font-variation-settings:
            "BLED" 25,
            "SCAN" -20;
            color:blueviolet;
        }
        h2{
            font-size: clamp(2rem,4vw,3rem);
        }
        h3{
            font-size: clamp(1.5rem,3vw,2.25rem);
        }
        p{
            font-size: clamp(1rem,1.5vw,1.25rem);
        }
        .my-games{
            background-color: rgba(0,0,0,0.85);
            background-image: linear-gradient(rgba(255, 255, 255, 0)50%,rgba(75, 59, 121, 0.5)50%);
            background-size: 100% 4px;
            padding: 1%;
            border-radius: 5px;
            width: 90%;
            max-width: 450px;
            margin: 2rem auto;
        }
        main{
            flex-grow:1;
        }
        .lang-es {
            display: none;
        }
        body.has-es .lang-en {
            display: none;
        }
        body.has-es .lang-es {
            display: block;
        }
        body.has-es {
            font-family: "Jersey 15", sans-serif; /* same font works fine for Spanish */
        }
        .nsfw-container {
            position: relative;
            display: inline-block;
            cursor: pointer;
            max-width: 100%;
        }
        .nsfw-blurred{
            filter: blur(20px);
            transition: filter 0.4s ease;
            display: block;
            width: 100%;
            height: auto;
        }
        .nsfw-revealed .nsfw-blurred {
            filter: blur(0);
        }
        .nsfw-warning {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: rgba(0,0,0,0.75);
            color: white;
            padding: 1rem 1.5rem;
            border-radius: 8px;
            font-size: 1.2rem;
            font-weight: bold;
            pointer-events: none;
            text-align: center;
            white-space: nowrap;
        }
        .nsfw-revealed .nsfw-warning {
            display: none;
        }