/*
   =========================================
   BOB'S RESTAURANT REVIEWS - STYLE SHEET
   Created: 1997
   Best viewed in Internet Explorer 4.0+
   =========================================
*/

/* Blink animation for that authentic Netscape feel */
@keyframes blink {
    0%, 49% { opacity: 1; }
    50%, 100% { opacity: 0; }
}

blink, .blink {
    animation: blink 1s step-start infinite;
}

/* Rainbow text animation */
@keyframes rainbow {
    0% { color: #FF0000; }
    15% { color: #FF7F00; }
    30% { color: #FFFF00; }
    45% { color: #00FF00; }
    60% { color: #0000FF; }
    75% { color: #4B0082; }
    90% { color: #9400D3; }
    100% { color: #FF0000; }
}

.rainbow {
    animation: rainbow 3s linear infinite;
}

/* Classic link styles */
a:link {
    color: #00FFFF;
    text-decoration: underline;
}

a:visited {
    color: #FF00FF;
}

a:hover {
    color: #FFFF00;
    text-decoration: underline;
}

a:active {
    color: #FF0000;
}

/* Beveled button effect */
.button-3d {
    border-style: outset;
    border-width: 3px;
    border-color: #C0C0C0;
    background-color: #C0C0C0;
    padding: 5px 15px;
    font-family: "MS Sans Serif", Arial, sans-serif;
    cursor: pointer;
}

.button-3d:active {
    border-style: inset;
}

/* Scrolling marquee backup */
.scroll-text {
    overflow: hidden;
    white-space: nowrap;
}

/* Flame rating styles */
.flame {
    font-size: 20px;
}

/* Inset panel effect */
.inset-panel {
    border-style: inset;
    border-width: 3px;
    border-color: #808080;
    padding: 10px;
    background-color: #FFFFFF;
}

/* Raised panel effect */
.raised-panel {
    border-style: outset;
    border-width: 3px;
    border-color: #C0C0C0;
    padding: 10px;
    background-color: #C0C0C0;
}

/* Spinning animation for images */
@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.spin {
    animation: spin 2s linear infinite;
}

/* Glow effect for headings */
@keyframes glow {
    0%, 100% { text-shadow: 0 0 5px #FF0000, 0 0 10px #FF0000; }
    50% { text-shadow: 0 0 20px #FFFF00, 0 0 30px #FFFF00; }
}

.glow {
    animation: glow 1.5s ease-in-out infinite;
}

/* Table styles */
table {
    border-collapse: separate;
}

/* Cursor styles */
body {
    cursor: default;
}

a {
    cursor: pointer;
}

/* Selection colors */
::selection {
    background: #0000FF;
    color: #FFFFFF;
}

/* Horizontal rule style */
hr {
    border: none;
    height: 3px;
    background: linear-gradient(to right, #FF0000, #FFFF00, #00FF00, #00FFFF, #0000FF, #FF00FF);
}

/* Comic Sans fallback */
.comic {
    font-family: "Comic Sans MS", "Comic Sans", cursive, sans-serif;
}

/* Times New Roman for "formal" content */
.formal {
    font-family: "Times New Roman", Times, serif;
}

/* Courier for that hacker look */
.mono {
    font-family: "Courier New", Courier, monospace;
}