/* --- GEOCITIES RETRO STYLE SHEET --- */

body {
    /* Classic tiled background - replace with your GIF URL */
    background-image: url('https://example.com');
    background-repeat: repeat;
    background-attachment: fixed;
    
    /* Neon text on dark background, or dark text on light background */
    color: #00ff00; 
    font-family: 'Courier New', Courier, monospace;
    font-weight: bold;
    
    /* Space for your background border */
    margin: 20px;
}

/* --- HEADERS --- */
h1 {
    color: #ff00ff;
    text-align: center;
    text-shadow: 2px 2px #000000;
    border-bottom: 3px dotted #ff00ff;
}

/* --- MAIN CONTENT CONTAINER --- */
.container {
    background-color: #000000;
    border: 4px outset #ff00ff;
    padding: 20px;
    margin: auto;
    max-width: 800px;
}

/* --- RETRO 88x31 BUTTONS --- */
.geocities-button {
    display: inline-block;
    background-color: #c0c0c0;
    border: 3px outset #ffffff;
    color: #000000;
    font-family: sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    padding: 5px 15px;
    margin: 5px;
}

.geocities-button:active {
    /* Gives that clicky-depression feel */
    border: 3px inset #ffffff;
}

/* --- UNDER CONSTRUCTION SIGN --- */
.under-construction {
    display: block;
    margin: 20px auto;
    width: 200px;
}