/* 1. GLOBAL RESET & FONTS */
body {
    background-color: #008080; /* Windows 95 Teal Background */
    font-family: "Times New Roman", Times, serif;
    color: #000000;
    margin: 0;
    padding: 20px;
}

/* 2. HYPERLINKS (The Classic Blue/Red/Purple) */
a { text-decoration: underline; }
a:link { color: #0000FF; }
a:visited { color: #800080; }
a:hover { color: #FF0000; cursor: pointer; } /* Much cooler */

/* 3. MAIN CONTAINER (The "Sheet" of paper look) */
.main-container {
    width: 800px; /* Fixed width was standard */
    background-color: #C0C0C0; /* Windows Grey */
    margin: 0 auto;
    border: 3px outset #ffffff; /* 3D Border effect */
    padding: 5px;
}

/* 4. HEADER & MARQUEE */
.retro-header {
    background-color: #000080; /* Navy Blue */
    color: #FFFFFF;
    text-align: center;
    padding: 10px;
    border: 2px inset #ffffff;
    margin-bottom: 10px;
}

.marquee-container {
    background-color: #000000;
    color: #00FF00; /* Hacker Green */
    font-family: "Courier New", Courier, monospace;
    padding: 2px;
    overflow: hidden;
    white-space: nowrap;
}

/* CSS Animation to simulate <marquee> tag */
.marquee {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 15s linear infinite;
}

@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}

/* 5. LAYOUT TABLE */
.layout-table {
    width: 100%;
    background-color: #FFFFFF;
    border-collapse: collapse; /* Keeps borders tight */
    border: 2px solid #808080;
}

.sidebar {
    width: 180px;
    background-color: #E0E0E0; /* Slightly darker grey for sidebar */
    padding: 10px;
    border-right: 2px solid #000000;
}

.content {
    padding: 20px;
}

/* 6. ELEMENTS */
h1, h2, h3 {
    font-family: "Arial", sans-serif; /* Headers were often sans-serif */
}

ul.nav-links {
    list-style-type: square; /* Square bullets were popular */
    padding-left: 20px;
    text-align: left;
}

.download-box {
    border: 2px outset white;
    background-color: #c0c0c0;
    padding: 5px;
    width: 80%;
}

.counter {
    border: 1px inset white;
    background-color: black;
    color: white;
    font-family: "Courier New", monospace;
    padding: 2px;
    font-size: 12px;
    text-align: center;
    width: 80%;
    margin: 0 auto;
}

hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    margin: 20px 0;
}

/* 7. FOOTER */
.retro-footer {
    margin-top: 10px;
    font-size: 12px;
    border-top: 2px groove #ffffff;
    padding-top: 10px;
}