/* Ensure a clean slate for layout */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff; /* white background for contrast */
    font-family: 'Jomolhari', timesnewroman, serif; /* Use Jomolhari font first */
}

.container {
    display: flex;
    flex-direction: column; /* Stack video and text vertically */
    align-items: center; /* Center items horizontally */
    justify-content: center; /* Center items vertically */
    text-align: center; /* Align text within the container */
}

video {
    max-width: 90%; /* Responsive video */
    max-height: 60vh; /* Keep the video proportional */
}

.text {
    margin-top: 20px; /* Space between video and text */
}

.line1 {
    font-size: 18pt; /* Larger font size for the first line */
    color: #000; /* black text */
    margin-bottom: 120px; /* Add space below the first line */
}

.line2 {
    font-size: 14pt; /* Smaller font size for the second line */
    color: #000; /* black text */
    margin-top: 0; /* Optional: ensure no extra space above */
}

a {
    color: #000; /* Black link text */
    text-decoration: none; /* Remove underline */
}

a:hover {
    text-decoration: underline; /* Add underline on hover */
}

/* @font-face rule to load the custom font */
@font-face {
    font-family: 'Jomolhari';
    src: url('assets/fonts/Jomolhari-Regular.eot'); /* IE9 Compatibility */
    src: local('Jomolhari Regular'), local('Jomolhari-Regular'),
         url('assets/fonts/Jomolhari-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('assets/fonts/Jomolhari-Regular.woff2') format('woff2'), /* Modern browsers */
         url('assets/fonts/Jomolhari-Regular.woff') format('woff'), /* Older browsers */
         url('assets/fonts/Jomolhari-Regular.ttf') format('truetype'); /* Legacy browsers */
    font-weight: normal;
    font-style: normal;
}