<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body {
    /* 90s background pattern - often tiled or abstract */
    background-color: #008080; /* Teal/Turquoise is very 90s */
    background-image: url('https://www.transparenttextures.com/patterns/clean-gray-paper.png'); /* A subtle paper texture, but you could use a more geometric one */
    background-repeat: repeat; /* Important for tiling */

    width: 60em; /* Make it wider, 90s sites often felt less constrained */
    margin: 0 auto;
    font-family: "Comic Sans MS", "Arial Black", Gadget, sans-serif; /* Iconic 90s fonts */
    color: #00FF00; /* Neon Green text */
    text-align: center; /* Centered content was common */
    border: 5px outset #C0C0C0; /* Beveled border effect */
    padding: 20px;
}

html {
    /* The color-scheme property is modern, let's keep it light for consistency with 90s look */
    color-scheme: light;
}

h1 {
    font-family: Impact, "Arial Black", Gadget, sans-serif; /* Strong, bold 90s header font */
    color: #FF00FF; /* Bright Pink for headings */
    text-shadow: 3px 3px #000000; /* Simple text shadow */
    border: 3px solid #FFFF00; /* Yellow border around heading */
    padding: 10px;
    background-color: #800080; /* Purple background for heading */
    display: inline-block; /* To make background and border fit content */
}

p {
    font-size: 1.2em; /* Slightly larger paragraph text */
    color: #FFFFFF; /* White text for contrast */
    margin-bottom: 1.5em;
    text-shadow: 1px 1px #000000;
}

a {
    color: #00FFFF; /* Cyan for unvisited links */
    text-decoration: underline; /* Always underlined */
    font-weight: bold;
    margin: 0 10px; /* Space out the links */
    padding: 5px 10px;
    border: 2px groove #FFD700; /* Gold groove border for links */
    background-color: #800000; /* Maroon background for links */
    display: inline-block; /* To apply padding and background */
    margin-bottom: 10px; /* Space between rows of links if they wrap */
}

a:hover {
    color: #FFFF00; /* Yellow on hover */
    background-color: #FF0000; /* Red on hover */
    cursor: help; /* A fun 90s cursor effect */
}

a:visited {
    color: #FF00FF; /* Pink for visited links */
}

img {
    max-width: 400px; /* Make images a bit larger */
    border-radius: 0; /* No rounded corners, very modern */
    border: 5px solid #FFD700; /* Gold border around images */
    box-shadow: 5px 5px 0px 0px #000000; /* Simple shadow */
    margin: 2rem 0; /* More margin */
    display: block; /* Center images */
    margin-left: auto;
    margin-right: auto;
}

model-viewer {
    width: 80%; /* Adjust width */
    height: 600px; /* Adjust height */
    margin: 2rem auto; /* Center it */
    border: 5px double #00FF00; /* Double border */
    background-color: #1a1a1a; /* Dark background */
}

/* Optional: Add a "hit counter" style for fun */
.counter {
    font-family: 'Press Start 2P', cursive; /* You'd need to import this font from Google Fonts for true pixel effect */
    color: #FFD700;
    font-size: 1.5em;
    margin-top: 30px;
    text-align: center;
    border: 3px dashed #00FFFF;
    padding: 10px;
    background-color: #333333;
    display: inline-block;
}</pre></body></html>