body {
    background-color: #171a21; /* Dark background color */
    color: #c0c0c0; /* Text color */
    font-family: 'Quinquefive', Arial, sans-serif; /* Set custom font as fallback */
    margin: 0; /* Remove default margin */
    padding: 0; /* Remove default padding */
    height: 100vh; /* Set height to full viewport height */
}

@font-face {
    font-family: 'Quinquefive';
    src: url('') format('truetype');
    /* Add other font formats (e.g., woff, woff2) for better browser support */
}

/* Container for the main content */
.container {
    max-width: 800px; /* Adjust maximum width as needed */
    margin: 0 auto; /* Center the container */
    padding: 20px; /* Add padding to the container */
}

.contain {
    position: fixed;
    bottom: calc(50% + 50px); /* Adjust the distance from the bottom */
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(255, 255, 255, 0.9); /* Set container background color with opacity */
    padding: 10px; /* Adjust container padding */
    border-radius: 5px; /* Add rounded corners */
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); /* Add shadow effect */
    z-index: 9999; /* Ensure the container appears above other content */
    text-align: center; /* Center-align content */
}

.power {
    width: 25px; /* Set logo width */
    height: auto; /* Maintain aspect ratio */
    margin-right: 3px; /* Adjust logo margin as needed */
    vertical-align: middle;
}

.text5 {
    margin: 0;
    font-size: 16px; /* Adjusted text font size */
    color: #333; /* Set text color */
    font-weight: bold; /* Make text bold */
    display: inline-block; /* Display text inline with logo */
    vertical-align: middle; /* Align text vertically with logo */
    font-family: 'Press Start 2P', cursive; /* Use game-like font */
}

a {
    text-decoration: none; /* Remove underline from links */
    color: inherit; /* Inherit color from parent */
}

/* Responsive styling */
@media screen and (max-width: 600px) {
    .contain {
        bottom: calc(50% + 30px); /* Adjust bottom distance for smaller screens */
    }

    .power {
        width: 20px; /* Adjust logo width for smaller screens */
        margin-right: 2px; /* Adjust logo margin for smaller screens */
    }

    .text5 {
        font-size: 12px; /* Adjust text font size for smaller screens */
    }
}

.disclaimer {
    text-align: center; /* Center-align text */
    margin: 20px auto; /* Center the section horizontally */
    max-width: 600px; /* Limit the width of the section */
    font-size: 14px; /* Reduce font size for disclaimer text */
    font-family: 'Press Start 2P', cursive; /* Use game-like font */
    color: #ffd700; /* Set text color to gold */
    border: 2px solid #ffd700; /* Add a gold border */
    border-radius: 10px; /* Add rounded corners */
    padding: 10px 20px; /* Add padding */
}

.disclaimer a[href^="mailto:"] {
    color: #0000FF; /* Set the color of email links to deep blue */
}