.column.box {
    margin-bottom: 20px;
    background-color: rgba(60, 60, 60, 0.8); /* Szare tło z przezroczystością */
    border: 1px solid #2b2b2b; /* Ciemniejsze obramowanie */
    color: #ffd700; /* Żółty tekst */
    text-shadow: 1px 1px 2px #000000; /* Czarny gradient */
}

.Table3 {
    width: 100%;
    background-color: rgba(60, 60, 60, 0.8); /* Szare tło tabeli z przezroczystością */
    border: 1px solid rgba(43, 43, 43, 0.8); /* Ciemniejsze obramowanie z przezroczystością */
    color: #ffd700; /* Żółty tekst */
    text-shadow: 1px 1px 2px #000000; /* Czarny gradient */
}

.white {
    color: #ffd700 !important; /* Żółty tekst */
    text-shadow: 1px 1px 2px #000000 !important; /* Czarny gradient */
}

.TopButtonContainer .TopButton {
    position: absolute;
    right: 20px;
    margin-top: 6px;
    z-index: 55;
    background-color: rgba(74, 74, 74, 0.8); /* Jasnoszare tło z przezroczystością */
    color: #ffd700; /* Żółty tekst */
    text-shadow: 1px 1px 2px #000000; /* Czarny gradient */
    border: 1px solid rgba(43, 43, 43, 0.8); /* Ciemniejsze obramowanie z przezroczystością */
    padding: 5px 10px; /* Dodanie odstępów wewnętrznych */
    border-radius: 4px; /* Zaokrąglenie rogów */
}

.TopButtonContainer .TopButton:hover {
    background-color: rgba(74, 74, 74, 0.8); /* Jaśniejsze szare tło z przezroczystością przy najechaniu */
    color: #fff700; /* Jaśniejszy żółty tekst */
}

/* Stylizacja nagłówków tematów i widżetów */
h1, h2, h3, h4, h5, h6, .widget-title, .section-title {
    color: #ffd700 !important; /* Żółty kolor nagłówków */
    text-shadow: 1px 1px 2px #000000 !important; /* Czarny gradient */
}

/* Stylizacja widżetów */
.widget, .widget-container {
    background-color: rgba(60, 60, 60, 0.8); /* Szare tło z przezroczystością */
    border: 1px solid #2b2b2b; /* Ciemniejsze obramowanie */
    color: #ffd700; /* Żółty tekst */
    text-shadow: 1px 1px 2px #000000; /* Czarny gradient */
}

/* Stylizacja całej sekcji .ui.top.attached.message */
.ui.top.attached.message {
    background-color: rgba(60, 60, 60, 0.8); /* Szare tło z przezroczystością */
    color: #ffd700 !important; /* Żółty tekst */
    text-shadow: 1px 1px 2px #000000 !important; /* Czarny gradient */
    border: 1px solid rgba(43, 43, 43, 0.8); /* Ciemniejsze obramowanie z przezroczystością */
    padding: 10px; /* Dodanie odstępów wewnętrznych */
    border-radius: 4px; /* Zaokrąglenie rogów */
}

/* Stylizacja linków w sekcji .ui.top.attached.message */
.ui.top.attached.message a {
    color: #ffd700 !important; /* Żółty kolor linków */
    text-decoration: none; /* Usunięcie podkreślenia */
}

.ui.top.attached.message a:hover {
    color: #fff700 !important; /* Jaśniejszy żółty kolor przy najechaniu */
    text-decoration: underline; /* Podkreślenie przy najechaniu */
}

/* Stylizacja tabel */
.Table3 {
    background-color: rgba(60, 60, 60, 0.8); /* Szare tło z przezroczystością */
    border: 1px solid rgba(43, 43, 43, 0.8); /* Ciemniejsze obramowanie z przezroczystością */
    color: #ffd700; /* Żółty tekst */
    text-shadow: 1px 1px 2px #000000; /* Czarny gradient */
}

/* Stylizacja przycisków */
.TopButtonContainer .TopButton {
    position: absolute;
    right: 20px;
    margin-top: 6px;
    z-index: 55;
    background-color: rgba(74, 74, 74, 0.8); /* Szare tło bez przezroczystości */
    color: #ffd700; /* Żółty tekst */
    text-shadow: 1px 1px 2px #000000; /* Czarny gradient */
    border: 1px solid rgba(43, 43, 43, 0.8); /* Ciemniejsze obramowanie z przezroczystością */
    padding: 5px 10px; /* Dodanie odstępów wewnętrznych */
    border-radius: 4px; /* Zaokrąglenie rogów */
}

.TopButtonContainer .TopButton:hover {
    background-color: rgba(74, 74, 74, 0.8); /* Jaśniejsze szare tło z przezroczystością przy najechaniu */
    color: #fff700; /* Jaśniejszy żółty tekst */
}

/* Zielony przycisk dla "Online" */
.ui.button.green {
    background-color: rgba(0, 128, 0, 0.8); /* Zielony z przezroczystością */
    color: #ffd700; /* Żółty tekst */
    text-shadow: 1px 1px 2px #000000; /* Czarny gradient */
    border: 1px solid rgba(0, 100, 0, 0.8); /* Ciemniejszy zielony obramowanie z przezroczystością */
}

/* Czerwony przycisk dla "Offline" */
.ui.button.red {
    background-color: rgba(128, 0, 0, 0.8); /* Czerwony z przezroczystością */
    color: #ffd700; /* Żółty tekst */
    text-shadow: 1px 1px 2px #000000; /* Czarny gradient */
    border: 1px solid rgba(139, 0, 0, 0.8); /* Ciemniejsze czerwone obramowanie z przezroczystością */
}

/* Domyślny przycisk */
.ui.button.default {
    background-color: rgba(60, 60, 60, 0.8); /* Szare tło z przezroczystością */
    color: #ffd700; /* Żółty tekst */
    text-shadow: 1px 1px 2px #000000; /* Czarny gradient */
    border: 1px solid rgba(43, 43, 43, 0.8); /* Ciemniejsze obramowanie z przezroczystością */
}

/* Stylizacja zielonej wiadomości */
.ui.message.green {
    background-color: rgba(0, 128, 0, 0.8); /* Zielone tło z przezroczystością */
    color: #ffd700; /* Żółty tekst */
    text-shadow: 1px 1px 2px #000000; /* Czarny gradient */
    border: 1px solid rgba(0, 100, 0, 0.8); /* Ciemniejsze zielone obramowanie z przezroczystością */
    padding: 10px; /* Dodanie odstępów wewnętrznych */
    border-radius: 4px; /* Zaokrąglenie rogów */
}

/* Stylizacja linków w zielonej wiadomości */
.ui.message.green a {
    color: #1ebc30 !important; /* Zielony kolor linków */
    text-decoration: none; /* Usunięcie podkreślenia */
}

.ui.message.green a:hover {
    color: #32cd32 !important; /* Jaśniejszy zielony kolor przy najechaniu */
    text-decoration: underline; /* Podkreślenie przy najechaniu */
}

/* Stylizacja tekstu w zielonej wiadomości */
.ui.message.green p {
    color: #ffd700; /* Żółty tekst */
    text-shadow: 1px 1px 2px #000000; /* Czarny gradient */
    margin: 5px 0; /* Dodanie odstępów między akapitami */
}

/* Stylizacja segmentu .ui.bottom.attached.segment */
.ui.bottom.attached.segment {
    background-color: rgba(60, 60, 60, 0.8); /* Szare tło z przezroczystością */
    border: 1px solid rgba(43, 43, 43, 0.8); /* Ciemniejsze obramowanie z przezroczystością */
    color: #ffd700; /* Żółty tekst */
    text-shadow: 1px 1px 2px #000000; /* Czarny gradient */
    padding: 10px; /* Dodanie odstępów wewnętrznych */
    border-radius: 4px; /* Zaokrąglenie rogów */
}

/* Stylizacja nagłówków w segmencie */
.ui.bottom.attached.segment h3, .ui.bottom.attached.segment p, .ui.bottom.attached.segment ul {
    color: #ffd700; /* Żółty tekst */
    text-shadow: 1px 1px 2px #000000; /* Czarny gradient */
}

/* Stylizacja linków w segmencie */
.ui.bottom.attached.segment a {
    color: #ffd700; /* Żółty kolor linków */
    text-decoration: none; /* Usunięcie podkreślenia */
}

.ui.bottom.attached.segment a:hover {
    color: #fff700; /* Jaśniejszy żółty kolor przy najechaniu */
    text-decoration: underline; /* Podkreślenie przy najechaniu */
}

.ui.image.label {
    background: #2e2e38 !important;
    }