.news-container {
            max-width: 90%;
            margin: 20px auto;
            font-family: Arial, sans-serif;
            font-size: 120%;
        }
        .filter-buttons {
            margin-bottom: 20px;
        }
        .filter-buttons button {
            padding: 10px 20px;
            margin-right: 10px;
            font-size: 90%;
            cursor: pointer;
            background-color: #f0f0f0;
            border: none;
            border-radius: 3px;
        }
        .filter-buttons button:hover {
            padding: 10px 20px;
            margin-right: 10px;
            font-size: 90%;
            cursor: pointer;
            background-color: #002880;
            color: #ffffff;
            border: none;
            border-radius: 3px;
        }
        .btn {
            padding: 13px 20px;
            margin-right: 10px;
            font-size: 90%;
            cursor: pointer;
            background-color: #f0f0f0;
            color: #002880;
            text-shadow: none;
            border: none;
            border-radius: 3px;
        }
        .btn:hover {
            padding: 13px 20px;
            margin-right: 10px;
            font-size: 90%;
            cursor: pointer;
            background-color: #002880;
            color: #ffffff;
            border: none;
            border-radius: 3px;
        }
        .filter-buttons button.active {
            background-color: #007bff;
            color: white;
        }
        .news-item {
            padding: 25px 10px 15px 10px;
            border-bottom: 1px solid #ddd;
            font-size: 105%;
        }
        .news-item a {
            color: #ffffff;
            font-size: 90%;
        }
        .news-item a:hover {
            color: #ffffff93;
        }
        .news-item.hidden {
            display: none;
        }
        .category {
            font-weight: bold;
            color: #555;
        }


.category0 {
    background-color: #009e9e;
    padding: 12px 21px;
    border-radius: 3px;
    color: #ffffff;
    font-size: 80%;
}
.category1 {
    background-color: #bb9f00;
    padding: 12px 21px;
    border-radius: 3px;
    color: #ffffff;
    font-size: 80%;
}
.category2 {
    background-color: #d10050;
    padding: 12px 21px;
    border-radius: 3px;
    color: #ffffff;
    font-size: 80%;
}