/* Define primary color */
:root {
    --primary-color: #1560bd; /* Denim 7 */
}

/* Define accent color */
:root {
    --accent-color: #fba129; /* Sea Buckthorn 1 */
}


:root {
    font-family: 'Arial','Visby-Thin','AllisonScript', cursive; /* Replace 'AllisonScript' with the actual font name if available */
    
}

body {
    background-color: #ffffff;
    color: #000000; /* Text color on the primary background */
}

header {
    background-color: var(--secondary-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
}

nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}

nav li {
    margin-right: 20px; /* Adjust the right margin between nav items as needed */
}

nav a {
    text-decoration: none;
    color: var(--accent-color); /* Adjust the text color of nav links as needed */
    
}

.button {
    background-color: var(--accent-color);
    color: var(--primary-color); /* Text color on the accent background */
}

.bold-text {
    font-family: 'Visby-ExtraBold', sans-serif; /* Replace 'Visby-ExtraBold' with the actual font name if available */
}


footer {
    background-color: #f5f5f5; /* Light gray color */
    padding: 20px; /* Add padding to the footer for spacing */
    text-align: center; /* Center-align content within the footer */
}