Arial Font

/* Base style using Arial with fallback fonts */
body {
    font-family: 'Arial', 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.5; /* Optimal readability */
    color: #333; /* Neutral text color */
    margin: 0;
    padding: 0;
}

/* Styling for headers using Arial */
h1, h2, h3 {
    font-family: 'Arial', sans-serif;
    color: #222; /* Slightly darker text color for emphasis */
    font-weight: bold; /* Use bold weight for headers */
    letter-spacing: 0.05em; /* Add a small letter spacing for clarity */
    margin-bottom: 20px; /* Add space below headers */
}

/* Using Arial for paragraphs with adjusted styling */
p {
    font-family: 'Arial', sans-serif;
    font-size: 16px;
    line-height: 1.6; /* Increase line height for readability */
    margin-bottom: 15px; /* Add space between paragraphs */
    color: #444; /* Slightly lighter color for body text */
}

/* Styling for links using Arial */
a {
    font-family: 'Arial', sans-serif;
    color: #007BFF; /* Use a blue color to differentiate links */
    text-decoration: none; /* Remove underline by default */
}

a:hover {
    text-decoration: underline; /* Add underline on hover for clarity */
}

/* Applying Arial to form elements */
input, button, select, textarea {
    font-family: 'Arial', sans-serif;
    font-size: 14px;
    line-height: 1.4;
    color: #333;
    padding: 8px;
    margin: 0 0 10px 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #f9f9f9;
}

/* Custom class for emphasized text in Arial */
.emphasized-text {
    font-family: 'Arial', sans-serif;
    font-style: italic;
    color: #555;
    letter-spacing: 0.03em; /* Slight letter spacing for a refined look */
    background-color: #f1f1f1;
    padding: 5px 10px;
    border-left: 3px solid #007BFF;
}