@import url('/css/wordfinder/fonts.css'); /* Ensures the custom font for #page-title is loaded */

/* General Reset and Typography */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body, html {
    margin: 0;
    padding: 0;
    height: 100%; /* Ensure body and html take up full viewport height */
    font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    background-color: #f7f7f7; /* Light gray background for the entire page */
    color: #333; /* Dark gray text color */
    overflow-x: hidden; /* Prevent horizontal scrolling */
}

.page-container {
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* Ensure the page container takes up full viewport height */
    justify-content: center;
    align-items: center;
}

/* Apply custom font family for #page-title */
#page-title {
    display: flex;
    /*flex-direction: column; */
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-family: 'OldEnglishText', Georgia, 'Times New Roman', Times, serif;
    font-size: 2.5rem;
    font-weight: bold;
    margin:20px;
}

/* Footer styles */
.footer {
    background-color: #f7f7f7; /* Match the main page background color */
    color: #333;
    text-align: center;
    padding: 10px;
    width: 100%;
    margin-top: auto; /* Ensures footer is pushed to the bottom */
    position: relative;
    bottom: 0;
}