body
{
color: white;
background: black;
background:url(https://d3d58omoy9fnm2.cloudfront.net/back-mid3.jpg);
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:bold;
margin: 0;
padding: 0;
height: 100%;
width: 100%;
}

.large { font-size : 22px; text-decoration: bold; }
.front { font-size : 21px; text-decoration: bold; }
.norm { font-size : 14px; }
.small { font-size : 10px; }
a.norm,a.small                  { color: #FFFF66; text-decoration: underline; }
a.norm:hover,a.small:hover      { color: white; text-decoration: none; }

.try-again-btn {
    display: inline-block;
    padding: 0.8rem 2rem;
    font-size: 1.1rem;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #ffffff;  /* white text */
    text-shadow: 2 2 3px rgba(0, 0, 0, 0.8); /* subtle dark glow to sharpen edges */
    background: linear-gradient(135deg, #7f00ff, #ff00ff);
    border: none;
    border-radius: 6px;
    box-shadow: 0 0 12px rgba(255, 0, 255, 0.7);
    text-decoration: none;
    transition:
        transform 0.2s ease,
        box-shadow 0.3s ease,
        background 0.3s ease;
}

/* Hover: lift, scale, brighter gradient + glow */
.try-again-btn:hover {
    transform: translateY(-2px) scale(1.1);
    background: linear-gradient(135deg, #9b00ff, #ff00aa);
    box-shadow: 0 0 24px rgba(255, 0, 255, 1);
}

/* Active: snap back, inset glow, darker gradient */
.try-again-btn:active {
    transform: translateY(0) scale(1.0);
    background: linear-gradient(135deg, #6600aa, #aa0088);
    box-shadow: inset 0 0 8px rgba(255, 0, 255, 0.8);
}