body {
    font-family: Arial, sans-serif;
    background-color: #f1f1f1;
    margin: 0;
    padding: 0;
	text-align:center;
}

video {
    max-width: 100%;
    height: auto;
}

.main-content {
    background: rgba(0, 0, 0, 0.5);
    padding: 20px;
    text-align: center; /* Center the text horizontally */
    max-width: 50%; /* Limit the maximum width to 80% of the viewport */
    margin: 0 auto; /* Center the content horizontally */
}

.main-content h1, .main-content h2, .main-content h3, .main-content p {
    text-align: center; /* Center the text horizontally within .main-content */
    color: #ffffff;
}

.bottom-line{
    border: 1px solid blue;
	width: 70px;
	text-align: center;
	margin-top: 10px;

} 

/* Style the <span> element after hr.bottom-line */
/* hr.bottom-line + span { */
    /* display: inline-block; Make the <span> display as an inline-block element */
    /* margin-top: 10px; Adjust the top margin for spacing */
    /* border: 1px solid red; /* Set the border color to red */ */
    /* font-weight: bold; Apply a bold font weight */
    /* font-size: 18px; Set the font size */
	
}

.background-image {
	        hr.bottom-line 
            width: 100%;
            height: 100vh;
}
.main-content .action-button {
    background-color: #b91717;
    color: #ffffff;
    padding: 10px 20px;
    text-decoration: none;
}

.action-button:hover {
            background-color: #45a049;
        }

footer {
    background-color: #333333;
    color: #ffffff;
    text-align: center;
    padding: 10px;
}

.social-icons {
    font-size: 24px;
    /* margin: 10px 0; */
   margin:20 0px;
}

.social-icons a {
    color: #ffffff;
    margin: 0 10px;
}