/* static/style.css */
body {
    background-color: #000080; /* Классический темно-синий фон */
    /* Плиточный фон со звездами (очень популярно в 2000-х) */
    background-image: url('https://www.transparenttextures.com/patterns/stardust.png');
    color: #000000;
    font-family: 'Verdana', 'Tahoma', sans-serif; /* Только безопасные веб-шрифты */
    margin: 0;
    padding: 20px;
}

#wrapper {
width: 800px; /* Фиксированная ширина под мониторы 1024x768 */
margin: 0 auto;
background-color: #C0C0C0; /* Серый цвет "Windows 98" */
border: 4px outset #FFFFFF; /* Выпуклая 3D-рамка */
padding: 10px;
}

h1, h2 {
    font-family: 'Comic Sans MS', 'Trebuchet MS', cursive;
    color: #FF00FF; /* Ярко-малиновый */
    text-shadow: 2px 2px 0px #000000;
    text-align: center;
    margin-top: 0;
}

/* Стилизация панелей и постов под окошки */
.post, .sidebar {
    background-color: #FFFFFF;
    border: 2px inset #FFFFFF; /* Вдавленная рамка */
    padding: 15px;
    margin-bottom: 15px;
}

/* Те самые выпуклые кнопки */
button, input[type="submit"] {
    background-color: #C0C0C0;
    border: 2px outset #FFFFFF;
    font-weight: bold;
    font-family: 'Verdana';
    cursor: pointer;
    padding: 5px 10px;
}

button:active, input[type="submit"]:active {
    border: 2px inset #FFFFFF; /* Эффект нажатия */
}

/* Классические синие ссылки, которые становятся красными при наведении */
a {
    color: #0000EE;
    text-decoration: underline;
}
a:hover {
    color: #FF0000;
    cursor: help; /* Курсор с вопросиком при наведении */
}

/* Олдскульная бегущая строка */
.marquee-container {
    background-color: #000000;
    color: #00FF00;
    font-family: "Courier New", Courier, monospace;
    padding: 5px;
    border: 2px inset #FFFFFF;
    margin-bottom: 20px;
}