/* Admin Panel Button */
.admin-button {
    background: #444;
    color: #f0f0f0;
    border: none;
    padding: 10px 15px;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
    font-size: 16px;
    transition: background-color 0.3s ease;
}

.admin-button:hover {
    background-color: #555;
}

/* Hide Admin Panel Button by default */
#admin-panel {
    display: none; /* Hidden by default */
}


/* Hacking News Styles */
.hacking-news {
    background-color: #111;
    color: #00ff00;
    padding: 20px;
    border: 1px solid #00ff00;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    margin: 20px auto;
    max-width: 900px;
    border-radius: 10px;
}

.hacking-news h2 {
    font-size: 28px;
    margin-bottom: 15px;
    border-bottom: 2px solid #00ff00;
    padding-bottom: 5px;
}

.news-item {
    margin-bottom: 15px;
}

.news-item h3 {
    font-size: 20px;
    margin: 0;
}

.news-item p {
    margin: 5px 0 0;
}

/* Video Container Styles */
.video-container {
    margin-top: 20px;
}

.video-container h3 {
    font-size: 20px;
    margin-bottom: 10px;
}

.video-container iframe {
    width: 100%;
    height: 315px; /* Adjust as needed */
    border: 0;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
}

/* Additional News Section */
.additional-news {
    padding: 20px;
}

.additional-news h2 {
    text-align: center;
    color: #00ff00;
    margin-bottom: 20px;
}

/* News Boxes Container */
.news-boxes {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
    justify-content: center;
}

/* Individual News Box */
.news-box {
    background-color: #222;
    border: 2px solid #00ff00;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    color: #fff;
}

/* Heading within News Box */
.news-box h3 {
    margin-top: 0;
    color: #00ff00;
}

/* Paragraph within News Box */
.news-box p {
    margin-top: 10px;
    color: #aaa;
}

/* Additional News Section */
.additional-news {
    padding: 20px;
}

.additional-news h2 {
    text-align: center;
    color: #00ff00;
    margin-bottom: 20px;
}

/* News Boxes Container */
.news-boxes {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
    justify-content: center;
}

/* Individual News Box */
.news-box {
    background-color: #222;
    border: 2px solid #00ff00;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    color: #fff;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

/* Adding Custom Background Images */
.news-box:nth-child(1) {
    
    background-image: url('anonymous-v5.jpg') ;
}

.news-box:nth-child(2) {
    background-image: url('anonymous-v5.jpg');
}

.news-box:nth-child(3) {
    background-image: url('anonymous-v5.jpg');
}

.news-box:nth-child(4) {
    background-image: url('anonymous-v5.jpg');
}

.news-box:nth-child(5) {
    background-image: url('anonymous-v5.jpg');
}

/* Heading within News Box */
.news-box h3 {
    margin-top: 0;
    color: #00ff00;
    position: relative;
    z-index: 1; /* Ensures the heading text is above the background image */
}

/* Paragraph within News Box */
.news-box p {
    font-size: 1.0em; /* Increase heading size within news items */
    margin-top: 10px;
    color: #f70606;
    position: relative;
    z-index: 1; /* Ensures the paragraph text is above the background image */
}