@charset "UTF-8";
/* CSS Document */
html { /* Dynamic font size that scales fluidly between 16px and 24px based on viewport width */ 
font-size: clamp(1rem, 0.9rem + 0.5vw, 1.5rem); 
} 

body { 
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-size: 1.1rem; 
}

p { 
font-family: Arial, Helvetica, sans-serif; 
}

h1 { 
font-size: 2rem; /* Automatically scales based on the root font-size */ 
}

.container-fluid { 
width: 100%; 
padding-right: 40px;
padding-left: auto; 
margin-right: auto; 
margin-left: auto; 
box-sizing: border-box; /* Ensures padding does not break the 100% width */
}

.container { 
max-width: 1200px;		/* Prevents content from getting too wide */ 
margin-left: auto; 		/* Centers the container horizontally */ 
margin-right: auto; 
padding-left: 20px; 		/* Adds inner spacing on the sides */ 
padding-right: 20px; 
width: 100%; 			/* Ensures it is responsive on smaller screens */ 
}