/*You Lost The Game*/
body {
    font-family: Arial, sans-serif;
    margin: 0;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f4f4f4;
    color: #333;
}

.yltg {
    font-size: 4rem;
    opacity: 0;
    animation: fadeIn 1s forwards;
    margin: 0;
    color: #007bff;
    display: block;
}

.delay-1 { animation-delay: 0.5s; }
.delay-2 { animation-delay: 1s; }
.delay-3 { animation-delay: 1.5s; }
.delay-4 { animation-delay: 2s; }
.delay-5 { animation-delay: 4s; }

.yltg-link{
    color: #007bff;
    text-decoration: none;
}

.yltg-link:visited{
    color: #007bff;
    text-decoration: none;
}

.yltg-link:hover {
    text-decoration: underline;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Hidden Button */
.HCB {
    position: fixed; /* Position the container in the viewport */
    top: 0; /* Align to the top */
    left: 0; /* Align to the left */
    z-index: 10; /* Ensure the button is on top of other elements */
}

.hidden-image {
    opacity: 0;
    position: absolute;
    top: 10px; /* Adjust as needed */
    left: 10px; /* Adjust as needed */
    cursor: pointer; /* Make it look like a button */
}

/* Make the image visible when hovering over the .HCB container */
.HCB:hover .hidden-image {
    opacity: 1;
}