/* ReVo CSS Design — Rebuild */
/* Original CSS by Hippolyta — preserved faithful to legacy */

body {
    background-color: #000000;
    font-family: Verdana, sans-serif;
    color: #FFFFFF;
}

a {
    font-size: 14px;
    text-decoration: none;
    color: #34a6a7;
}

a:visited { color: #34a6a7; }
a:hover   { color: #34a6a7; text-decoration: underline; }
a:active  { color: #34a6a7; text-decoration: underline; }

ul.a {
    list-style-type: square;
    font-size: 14px;
    padding: 6px;
    margin: 10px;
    text-align: left;
    font-family: Georgia, serif;
}

/* ── Main container ──────────────────────────────────────────────────
   Replaced legacy  position:absolute / left:50% / margin-left:-400px
   with modern fluid centering that works on all screen sizes.
   ─────────────────────────────────────────────────────────────────── */
#Main {
    position: relative;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 0 16px;
    box-sizing: border-box;
    background-color: #000000;
    border-left:  #000 double;
    border-right: #000 double;
}

#Header {
    width: 100%;
    text-align: center;
    padding: 40px 0 20px;
}

#site-logo-link {
    text-decoration: none;
}

#site-logo-text {
    display: inline-block;
    font-family: Georgia, serif;
    font-size: 32px;
    font-weight: normal;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #34a6a7;
    text-shadow: 0 0 16px rgba(52,166,167,0.6);
}

/* ── Tables — override inline width="600" attribute ─────────────── */
#Main table {
    width: 100% !important;
    max-width: 600px;
    margin: 0 auto;
    box-sizing: border-box;
}

h1 {
    color: #074f4e;
    font-size: 16px;
    font-weight: normal;
}

p.text {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: normal;
    font-family: Georgia, serif;
    word-break: break-word;
}

p.warning {
    color: #ff0000;
    font-size: 14px;
    font-weight: bold;
    font-family: Georgia, serif;
}

p.disclaimer {
    font-size: 11px;
    font-family: Georgia, serif;
    color: #FFFFFF;
    word-break: break-word;
}

#footer {
    font-size: 10px;
    text-align: center;
    color: #FFFFFF;
}

/* ── Portal button ───────────────────────────────────────────────── */
a.portal-btn {
    display: inline-block;
    font-family: Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #34a6a7;
    background-color: #000000;
    border: 2px solid #34a6a7;
    padding: 5px 18px;
    text-decoration: none;
    text-transform: uppercase;
    box-shadow: 0 0 6px #34a6a7, inset 0 0 6px rgba(52,166,167,0.15);
    transition: box-shadow 0.2s ease;
}

a.portal-btn:hover {
    color: #34a6a7;
    text-decoration: none;
    box-shadow: 0 0 12px #34a6a7, inset 0 0 10px rgba(52,166,167,0.25);
}

/* ── Mobile adjustments ──────────────────────────────────────────── */
@media (max-width: 480px) {
    #Main    { padding: 0 12px; }
    #Header  { height: 80px; }
    p.text   { font-size: 13px; }
    /* Stack Enter/Leave buttons vertically on very small screens */
    #Main td { display: block; text-align: center !important; padding: 6px 0; }
}

/* ── Splash Enter / Leave text buttons ──────────────────────────── */
a.splash-btn {
    display: inline-block;
    width: 100px;
    padding: 6px 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid #34a6a7;
    border-radius: 3px;
    color: #c8c8c8;
    background: rgba(0,0,0,0.45);
    box-shadow: 0 0 5px rgba(52,166,167,0.4);
    transition: background 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}

a.splash-btn:hover {
    background: rgba(52,166,167,0.15);
    box-shadow: 0 0 10px #34a6a7;
    color: #ffffff;
    text-decoration: none;
}

a.splash-btn--enter { border-color: #34a6a7; }
a.splash-btn--leave { border-color: #7a7a7a; box-shadow: none; }
a.splash-btn--leave:hover { border-color: #aaaaaa; box-shadow: 0 0 6px #aaaaaa; }