   <style>
        /* General Page Styling */
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f4f4f4;
            color: #333;
        }

        /* Header Section */
        .header {
            background-color: #333;
            color: white;
            padding: 20px 0;
            text-align: center;
        }

        .header img {
            max-width: 450px;
            height: auto;
        }

        .walletaddress {
        font-size: 0.8em;
    	word-wrap: break-word; /* This forces long words to break and wrap to the next line */
    	overflow-wrap: break-word; /* Another property that ensures proper wrapping of long words */
    	white-space: normal; /* Ensures text wraps within its container */
        }


        .menu {
            margin-top: 10px;
            text-align: center;
            padding: 10px 0;
            font-size: 0.9em;
        }

        .menu a {
            color: #333;
            text-decoration: none;
            padding: 10px 20px;
            display: inline-block;
            font-weight: bold;
        }

        .menu a:hover {
            background-color: #555;
            color: white;
        }

        /* Divider */
        .divider {
            border-bottom: 2px solid #ddd;
            margin: 20px 0;
        }

        /* Main Content Section */
        .main-content {
            display: flex;
            justify-content: space-between;
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }

        /* Content Area on the Left */
        .content {
            width: 70%;
            padding: 20px;
            background-color: white;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        }

        /* Sidebar on the Right */
        .sidebar {
            width: 28%;
            padding: 20px;
            background-color: white;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        }

        /* Table Styling */
        table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 20px;
        }

        table th, table td {
            border: 1px solid #ddd;
            padding: 12px;
            text-align: left;
            vertical-align: top;
        }

        /* Adjust Column Widths and Font Sizes */
        table th.comment-col, table td.comment-col {
            width: 65%; /* Wider Comment Column */
        }

        table th.date-col, table td.date-col {
            width: 12%; /* Narrower Date Column */
            font-size: 0.8em; /* Smaller Font for Date */
        }

        table th.amount-col, table td.amount-col {
            width: 13%; /* Narrower Amount Column */
            font-size: 0.8em; /* Smaller Font for Amount */
        }

        table th {
            background-color: #333;
            color: white;
        }

        .top-comment {
            font-size: 16px;
            font-weight: bold;
            color: indianred;
            text-transform: uppercase;
        }

        table td a.icon-link img {
            width: 18px;
            height: 18px;
            margin-left: 10px;
        }

        a.icon-link:hover img {
            filter: brightness(0.8);
        }

        /* SoundCloud Embed Section */
        .soundcloud-embed {
            margin-bottom: 20px;
        }

        /* Custom Message Styling */
        .custom-message {
            margin-top: 20px;
            font-size: 1.1em;
            line-height: 1.6;
        }

        .custom-message b {
            font-weight: bold;
        }

        .custom-message p {
            margin: 5px 0;
        }

        .custom-message span {
            color: indianred;
            font-weight: bold;
        }

        .announcebox {
            width: 80%;
            padding: 20px;
            background-color: white;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
            align: center;
        }


        /* Basic countdown timer styling */
        #countdown {
            font-size: 34px;
            color: indianred;
           
        }

	#tableAnnounce {
            font-size: 34px;
            color: indianred;
           
        }


 /* Basic CSS to style the boxes */
        .content-container {
            display: flex;
            justify-content: space-between;
            width: 80%; /* Adjust width as necessary */
            margin: 0 auto; /* Centers the content on the page */
        }

        .content-box {
            width: 30%; /* Each box takes 30% of the container */
            padding: 10px;
            border: 1px solid #ddd;
            border-radius: 5px;
            text-align: center;
        }

        .content-box img {
            max-width: 100%;
            height: auto;
        }

        .content-box a {
            display: block;
            margin-top: 10px;
            color: #0073e6;
            text-decoration: none;
            font-weight: bold;
        }

        .content-box a:hover {
            text-decoration: underline;
        }





.embed-container {
    text-align: center; /* Center-align the container */
    width: 100%; /* Allow the container to take full width */
}

/* Responsive iframe */
.embed-iframe {
    width: 100%; /* Make iframe take full width of the container */
    height: auto; /* Adjust height automatically */
    max-width: 700px; /* Limit the iframe's width for large screens */
    aspect-ratio: 16/9; /* Maintain the aspect ratio (16:9) */
}


    .ticker {
    width: 100%; /* Full width for the ticker */
    height: 30px; /* Fixed height */
    border: 1px solid #333;
    background-color: #f4f4f4;
    overflow: hidden; /* Hide overflowing content */
    display: flex;
    justify-content: flex-start; /* Align content to the start */
    align-items: center;
    padding: 0 10px; /* Padding inside the ticker */
    box-sizing: border-box;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    text-align: center;
    position: relative; /* Ensure proper scrolling */
}

/* Scrolling text */
.scrolling-text {
    display: inline-block;
    white-space: nowrap; /* Prevent line breaks */
    animation: scroll 20s linear infinite; /* Continuous scrolling, adjust time as needed */
    will-change: transform;
    padding-right: 100%; /* Adds padding to ensure text goes fully off-screen */
}

@keyframes scroll {
    0% {
        transform: translateX(100%); /* Start off-screen on the right */
    }
    100% {
        transform: translateX(-100%); /* End fully off-screen to the left */
    }
}

/* Mobile Responsive Adjustments */
@media only screen and (max-width: 600px) {
    .ticker {
        font-size: 14px; /* Adjust font size for mobile */
        height: 25px; /* Adjust height for mobile */
    }
}



/* Make images responsive */
img {
    max-width: 100%;
    height: auto;
}

/* Adjust iframe embeds for different screen sizes */
iframe {
    max-width: 100%;
    height: auto;
}

/* Example media queries for different screen sizes */

/* For small devices (mobile phones in portrait mode) */
@media only screen and (max-width: 600px) {
    .content img {
        width: 100%; /* Full width for images */
    }
}

/* For tablets in portrait mode */
@media only screen and (max-width: 768px) {
    .content img {
        width: 100%; /* Adjust to fit the smaller width */
    }
}

/* For landscape mode on mobile and tablets */
@media only screen and (min-width: 601px) and (max-width: 1024px) {
    .content img {
        width: 90%; /* Slightly reduce image size to fit content */
    }
}
   

/* Mobile Styles */
@media only screen and (max-width: 600px) {
    /* Header Section */
    .header {
        padding: 10px 0;
        text-align: center;
    }

    img {
        max-width: 100%; /* Scale the image to fit within its container */
        height: auto;    /* Maintain aspect ratio */
    }

    .header img {
        max-width: 100%; /* Ensure the logo scales on small screens */
        height: auto;
    }

    /* Menu Section */
    .menu {
        font-size: 0.8em; /* Slightly smaller text */
        padding: 5px 0;
    }

    .menu a {
        padding: 8px 10px;
    }

    /* Main Content Section */
    .main-content {
        flex-direction: column; /* Stack content and sidebar */
        padding: 10px; /* Add padding around the main content */
    }

    .content, .sidebar {
        width: 100%; /* Full width for both content and sidebar */
        margin-bottom: 20px;
        padding: 10px; /* Add padding inside the content and sidebar */
        box-sizing: border-box; /* Ensure padding is included in the element's width */
    }

    }

    /* Announce Box */
    .announcebox {
        width: 79%; /* Shrink the width slightly */
        margin: 0 auto;
    }

    /* Table Adjustments */
    table {
        font-size: 0.9em;
    }

    table th, table td {
        padding: 10px;
    }

    /* Custom Message Adjustments */
    .custom-message {
        font-size: 1em;
        line-height: 1.4;
    }
}












    </style>