@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap');

body {
    margin: 0;
    background-color: #003366;
    font-family: 'Roboto', sans-serif;
}

h1, h2, h3 {
    font-family: 'Playfair Display', serif;
}

.page-header {
    background-color: #e6e6e6;
    height: 100px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.horizontal-bg {
    background-image: url('header-bg.png'); /* Replace 'your-image-url.jpg' with the URL of your background image */
    background-repeat: repeat-x; /* Repeat the background image only horizontally */
    background-size: auto; /* Use the original size of the background image */
}

main.content {
    /* margin: 20px; */
    padding: 20px;
    background-color: #f5f5dc;
}