<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Declare the 'anova-light' font */
@font-face {
    font-family: 'anova-light'; /* IMPORTANT: This name must match what's in your body{} rule */
    src: url('./fonts/Anova-Light.woff2') format('woff2'), /* Adjust path based on your file structure */
         font-weight: normal; /* Or 300 if that's the specific weight for this file */
    font-style: normal;
    font-display: swap; /* Recommended for performance: prevents invisible text while loading */
}

/* Basic styles for the body to ensure consistency */
body {
    font-family: 'anova-light', sans-serif;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    color: #333; /* Default text color */
}


/* Styles for the blue content section */
.blue-content-section {
    background-color: #0766d1; /* The specified blue background color */
    color: #ffffff; /* White text color for good contrast on the blue background */
    padding: 10px 20px; /* Padding inside the section (top/bottom, left/right) */
    margin: 0px auto; /* Add margin around the section and center it */
    max-width: 2000px; /* Limit the maximum width for readability on large screens */
    border-radius: 0px; /* Slightly rounded corners for a softer look */
    text-align: center; /* Center align text within this section */
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0); /* Subtle shadow for depth */
}
hr.white-solid {
    border: none; /* Crucial: Completely remove all default browser borders (top, right, bottom, left) */
    height: 2px; /* Define the thickness/height of your line */
    background-color: white; /* Set the background color of the &lt;hr&gt; element to pure white */
    margin: 20px 0; /* Space above and below */
}


/* Style the hyperlinks specifically within the blue content section */
.blue-content-section a {
    color: #ffffff; 
    text-decoration: none; /* Keep underline for visibility as a link */
    /* You could also use color: #ffffff; for pure white */
}
/* Optional: Style link states for better user experience */
.blue-content-section a:hover {
    color: #ffffff; /* Make it pure white on hover */
    text-decoration: underline; /* Remove underline on hover for a cleaner look */
}

.blue-content-section a:visited {
    color: #ffffff; /* Slightly different shade for visited links (optional) */
	text-decoration: underline;
}
.blue-content-section a:active {
    color: #ffffff; /* Color when the link is being clicked */
	text-decoration: underline; 
}

/* Styles for elements within the blue section (optional, but good for consistency) */
.blue-content-section h2 {
    color: #ffffff; /* Ensure headings are also white */
    margin-top: 0;
    font-size: 2em;
}

.blue-content-section p {
    font-size: 1.1em;
    line-height: 1.7;
}

.blue-content-section button {
    background-color: #ffffff; /* White button background */
    color: #0766d1; /* Blue text on button */
    border: none;
    padding: 12px 25px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    margin-top: 20px;
    transition: background-color 0.3s ease; /* Smooth transition on hover */
}

.blue-content-section button:hover {
    background-color: #e0e0e0; /* Slightly darker white on hover */
}

.black-content-section {
    background-color: #000000; /* The specified blue background color */
    color: #ffffff; /* White text color for good contrast on the blue background */
    padding: 10px 20px; /* Padding inside the section (top/bottom, left/right) */
    margin: 0px auto; /* Add margin around the section and center it */
    max-width: 2000px; /* Limit the maximum width for readability on large screens */
    border-radius: 0px; /* Slightly rounded corners for a softer look */
    text-align: center; /* Center align text within this section */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
}


/* Style the hyperlinks specifically within the blue content section */
.black-content-section a {
    color: #ffffff; 
    text-decoration: none; /* Keep underline for visibility as a link */
    /* You could also use color: #ffffff; for pure white */
}
/* Optional: Style link states for better user experience */
.black-content-section a:hover {
    color: #ffffff; /* Make it pure white on hover */
    text-decoration: none; /* Remove underline on hover for a cleaner look */
}

.black-content-section a:visited {
    color: #cce7f0; /* Slightly different shade for visited links (optional) */
	text-decoration: none;
}
.black-content-section a:active {
    color: #ffffff; /* Color when the link is being clicked */
	text-decoration: none;
}

.black-content-section h2 {
    color: #ffffff; /* Ensure headings are also white */
    margin-top: 0;
    font-size: 2em;
}

.black-content-section p {
    font-size: 1.1em;
    line-height: 1.2;
}

.black-content-section button {
    background-color: #ffffff; /* White button background */
    color: #0766d1; /* Blue text on button */
    border: none;
    padding: 12px 25px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    margin-top: 20px;
    transition: background-color 0.3s ease; /* Smooth transition on hover */
}

.black-content-section button:hover {
    background-color: #e0e0e0; /* Slightly darker white on hover */
}

.white-content-section {
    background-color: #ffffff; /* The specified blue background color */
    color: #000000; /* White text color for good contrast on the blue background */
    padding: 10px 0px; /* Padding inside the section (top/bottom, left/right) */
    margin: 0px auto; /* Add margin around the section and center it */
    max-width: 2000px; /* Limit the maximum width for readability on large screens */
    border-radius: 0px; /* Slightly rounded corners for a softer look */
    text-align: left;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
}


/* Style the hyperlinks specifically within the blue content section */
.white-content-section a {
    color: #ffffff; 
    text-decoration: none; /* Keep underline for visibility as a link */
    text-align: left;
	margin:0;
	/* You could also use color: #ffffff; for pure white */
}
/* Optional: Style link states for better user experience */
.white-content-section a:hover {
    color: #ffffff; /* Make it pure white on hover */
    text-decoration: none; /* Remove underline on hover for a cleaner look */
}

.white-content-section a:visited {
    color: #cce7f0; /* Slightly different shade for visited links (optional) */
	text-decoration: none;
}
.white-content-section a:active {
    color: #ffffff; /* Color when the link is being clicked */
	text-decoration: none;
}

.white-content-section h2 {
    color: #ffffff; /* Ensure headings are also white */
    text-align: left;
	margin-top: 0;
    font-size: 2em;
}

.white-content-section p {
    font-size: 1.1em;
    line-height: 1.2;
	text-align: left;
}

.white-content-section button {
    background-color: #ffffff; /* White button background */
    color: #0766d1; /* Blue text on button */
    border: none;
    padding: 12px 25px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    margin-top: 20px;
    transition: background-color 0.3s ease; /* Smooth transition on hover */
}

.white-content-section button:hover {
    background-color: #e0e0e0; /* Slightly darker white on hover */
}
.white-content-section img {
    display: block; /* Make the image a block-level element */
    margin-left: 15; /* Ensure no auto margin is centering it */
    margin-right: auto; /* Allow auto margin on right if needed for other alignments */
    /* You could also use float: left; for some layouts, but display: block is often simpler */
}

/* Basic header and footer styles for context */
header, footer {
    text-align: center;
    padding: 0px;
    background-color: #333;
    color: white;
}

main {
    padding: 0px 0; /* Padding for the main content area */
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
    .blue-content-section {
        padding: 30px 15px; /* Adjust padding on smaller screens */
        margin: 15px auto;
    }
	.black-content-section {
        padding: 30px 15px; /* Adjust padding on smaller screens */
        margin: 15px auto;
    }
	
	.white-content-section {
        padding: 30px 15px; /* Adjust padding on smaller screens */
        margin: 15px auto;
    }
}</pre></body></html>