header {
    background-color: #efe9b5; /* Light gray background for the header */
    padding: 20px; /* Padding around the header */
}

.divider {
    width: 70%; /* Set the width of the line */
    margin: 13px auto; /* Center the line and add top/bottom margin */
    border: none; /* Remove the default border */
    border-top: 3px solid #333; /* Set the color and thickness of the line */
}

html, body {
    height: 100%; /* Set height for the body to allow for footer positioning */
    margin: 0; /* Remove default margin */
}

body {
    font-family: Arial, sans-serif; /* Set a font for the entire body */
    background-color: #efe9b5; /* Set a background color for the entire page */
    display: flex; /* Use flexbox for the body */
    flex-direction: column; /* Stack children vertically */
}

main {
    flex: 1; /* Allow the main content to grow and take available space */
    display: flex; /* Use flexbox for the main section */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    text-align: center; /* Center text within the section */


}

section {
    padding: 20px; /* Add some padding for spacing */
    margin-left: 50px !important; /* Add left margin */
    margin-right: 50px !important; /* Add right margin */
    margin-bottom: 80px; /* Set bottom margin to create space before the footer */
    max-width: 600px; /* Adjust as needed */
}

h1 {
    font-size: 2.1em; /* Adjust heading size */
    margin: 2; /* Remove default margin */
    margin-top: 20px; /* Optional: Set a very small margin-top if needed */
}
h2 {
    font-size: 1.3em; /* Adjust heading size */
    margin: 1; /* Remove default margin */
    margin-top: -10px; /* Optional: Set a very small margin-top if needed */
}
h3 {
    font-size: 1.3em; /* Adjust heading size */
    margin: 1; /* Remove default margin */
}
h4 {
    font-size: 1.0em; /* Adjust heading size */
    font-weight: normal; /* Make h4 text not bold */
    margin: 0; /* Remove default margin */
    text-align: left; /* Align text to the left */
    margin-bottom: 0.2em; /* Optional: Set a very small margin-top if needed */
}

p {
    font-size: 1.1em; /* Adjust paragraph size */
    text-align: justify; /* Align text to the left */
    margin: 1; /* Remove default margin */
    margin-top: 0.0em; /* Optional: Set a very small margin-top if needed */
}

.small-font {
    font-size: 1.0em; /* Adjust size as needed */
    line-height: 1.1; /* Adjust line height for readability */
    padding-left: 10px; /* Add left padding for indentation */
}

.small-font li {
    padding-left: 0; /* Remove padding on the left */
    list-style-type: none; /* Remove bullet points */
    margin: 0; /* Remove default margin */
}

ul {
    list-style-type: disc; /* Options: disc, circle, square, none */
    padding-left: 40px; /* Adds space to indent from the left */
    margin-top: 20px;
    margin-bottom: 20px;
}

li {
    font-size: 1.1em; /* Adjusts font size */
    line-height: 1.2; /* Adds spacing between lines */
    color: black; /* Sets text color */
    margin-bottom: 6px; /* Adds space below each bullet point */
    text-align: left; /* Align text to the left */
}

.keynote-speaker {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
    margin-left: -50px;
    margin-right: -50px;
}

.speaker-photo {
    max-width: 150px; /* Adjust size as needed */
    height: auto;
    margin-right: 20px;
    border-radius: 20%; /* Optional: makes the image circular */
    display: block; /* Prevents gaps below the image */
}

.speaker-info {
    max-width: 600px;
}
.speaker-info p {
}

.speaker-info p:first-child {
    margin: 0;
    font-size: 1.1em;
}

.speaker-link {
    display: inline-block; /* Makes the link behave like a block element */
    margin-top: 0px; /* Adjust margin as needed */
    margin-bottom: 8px; /* Space below the link */
    margin-right: 15px; /* Space to the right */
    color: #0066cc; /* Customize link color */
    text-decoration: none; /* Remove underline */
    font-weight: bold; /* Make the text bold */
}

.speaker-link a:hover {
    text-decoration: underline; /* Underline on hover */
}

.speaker-link a {
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 8px;
    margin-right: 15px;
    color: #0066cc; /* Customize link color */
    text-decoration: none;
    font-weight: bold;
}

.speaker-link a:hover {
    text-decoration: underline; /* Underline on hover */
    color: #004999; /* Optionally change color on hover for better visibility */
}



.container {
    display: flex; /* Use flexbox for layout */
    justify-content: center; /* Center content horizontally */
    align-items: center; /* Center items vertically */
    max-width: 1000px; /* Set a max width for the container */
    margin: 0 auto; /* Center the container */
}

.pdf-container {
    display: flex;
    justify-content: flex-start; /* Aligns to the left */
    padding-left: 0px; /* Adjust padding as needed */
    width: 190%; /* Make the container take full width minus padding */
    margin-left: -130px; /* Adjust this value to move the container left */
}

.pdf-container iframe {
     width: 100%;  
    border: none;
}

.logo {
    margin-right: 20px; /* Add some space between logo and nav */
}

nav ul {
    list-style-type: none; /* Remove bullet points */
    margin: 0; /* Remove default margin */
    padding: 0; /* Remove default padding */
    display: flex; /* Use flexbox for horizontal layout */
    justify-content: center; /* Center the links */
}

nav ul li {
    margin: 0 15px; /* Horizontal margin for spacing */
}

nav ul li a {
    text-decoration: none; /* Remove underline from links */
    color: #333; /* Dark text color */
    font-weight: bold; /* Bold font for links */
    font-size: 1rem; /* Set an initial font size */
}

nav ul li a:hover {
    color: #9b0010; /* Change color on hover */
    font-size: 1.1em; /* Increase font size on hover */
    transition: color 0.3s, font-size 0.3s;  /* Smooth transition for hover effect */
}

footer {
    background-color: #ffffff; /* Set footer background color */
    padding: 20px; /* Padding around the footer */
    text-align: center; /* Center the content */
}

.footer-container {
    max-width: 1200px; /* Set a max width for the footer */
    margin: 0 auto; /* Center the footer */
}

.footer-logo {
    max-width: 300px; /* Set a max width for the footer logo */
    height: auto; /* Maintain aspect ratio */
}