html, body {
    height: 100%;
    margin: 0;
    padding: 0;
	overflow-y: hidden;

}
.image-container {
    position: relative;
    text-align: center;
    margin-top: 50px;
}
.image-container img {
    width: 100%;
    max-width: 300px; /* Adjust the size of the image as needed */
    height: auto;
}
.overlay-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white; /* Text color */
    font-size: 40px; /* Text size */
    font-weight: bold;
    letter-spacing: 2px; /* Spacing between letters */
	font-family: 'BebasNeue-Regular', sans-serif; 

}

.message-container {
    text-align: center;
    margin-top: 20px;
    font-size: 16px;
    color: #ffffff; /* or any color you prefer */
    max-width: 600px; /* or as per your design */
    margin-left: auto;
    margin-right: auto;
	font-family: Kalam-Regular
}
.message-container a {
    color: #0096ff; /* color for the hyperlink */
}


@font-face {
    font-family: 'BebasNeue-Regular';
    src: url('fonts/BebasNeue-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Kalam-Regular';
    src: url('fonts/Kalam-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Kalam-Bold';
    src: url('fonts/Kalam-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Kalam-Light';
    src: url('fonts/Kalam-Light.ttf') format('truetype');
}

body {
    background-color: #1a1918;
}

.footer-container {
    width: 100%;
    background-color: #333; /* Footer background color */
    color: white; /* Footer text color */
    text-align: center;
    padding: 10px 0;
}


.footer-container a {
    color: #0096ff; /* Link color in the footer */
    text-decoration: none;
}

.footer-container a:hover {
    text-decoration: underline;
}


.content-wrapper {
    min-height: 100vh; /* 100% of the viewport height */
    padding-bottom: 50px; /* Adjust this value as needed */
}