/* CSS */ body { background-color: #ff0; font-family: "Arial, sans-serif"; font-size: 16px; line-height: 1.5em; margin: 0; padding: 0; width: 100%; } #contact { background-color: #f2f2f2; border: 8px solid #000; box-shadow: 0 0 0 #000; margin: 20px 50px 20px 20px; padding: 20px; width: 80%; position: relative; top: 20px; left: 50%; transform: translateX(-50%); text-align: center; font-family: "Arial, sans-serif"; font-size: 16px; line-height: 1.5em; color: #000; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } #sectors { background-color: #f2f2f2; border: 8px solid #000; box-shadow: 0 0 0 #000; margin: 20px 50px 20px 20px; padding: 20px; width: 80%; position: relative; top: 20px; left: 50%; transform: translateX(-50%); text-align: center; font-family: "Arial, sans-serif"; font-size: 16px; line-height: 1.5em; color: #000; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } h2 { font-weight: bold; font-family: "Arial, sans-serif"; font-size: 20px; line-height: 1.5em; color: #333; text-align: center; margin: 0; padding: 0; } h3 { font-weight: bold; font-family: "Arial, sans-serif"; font-size: 18px; line-height: 1.5em; color: #666; text-align: center; margin: 0; padding: 0; } a { text-decoration: none; color: #f00; font-size: 16px; text-align: left; } a:hover { opacity: 1; } a:visited { text-decoration: none; color: #999; font-size: 16px; } a:link { text-decoration: none; color: #f00; font-size: 16px; } #sectors ul { list-style: none; padding: 0; margin: 0; border: 1px solid #000; border-radius: 5px; background-color: #f7f7f7; width: 50%; text-align: center; position: relative; top: 20px; left: 20px; font-size: 16px; line-height: 1.5em; font-family: "Arial, sans-serif"; color: #000; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } #sectors li { background-color: #f2f2f2; border: 1px solid #000; border-bottom: 2px solid #000; padding: 10px 20px; margin: 0; list-style: none; text-align: left; font-size: 16px; line-height: 1.5em; font-family: "Arial, sans-serif"; color: #000; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } #sectors a { text-decoration: none; color: #f00; font-size: 16px; text-align: left; } #sectors a:hover { opacity: 1; } #sectors a:visited { text-decoration: none; color: #999; font-size: 16px; } #sectors a:link { text-decoration: none; color: #f00; font-size: 16px; } /* Styles for the main content */ h1 { font-weight: bold; font-family: "Arial, sans-serif"; font-size: 24px; line-height: 1.5em; color: #333; text-align: center; margin: 0; padding: 0; } p { font-family: "Arial, sans-serif"; font-size: 16px; line-height: 1.5em; color: #000; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } p span { display: inline-block; margin: 0; padding: 0; background-color: #f0f0f0; border: 1px solid #000; border-radius: 5px; padding: 5px 10px; color: #333; font-weight: bold; text-align: left; font-size: 16px; line-height: 1.5em; font-family: "Arial, sans-serif"; } /* Styles for the FAQ section */ h2 { font-weight: bold; font-family: "Arial, sans-serif"; font-size: 20px; line-height: 1.5em; color: #333; text-align: center; margin: 0; padding: 0; } h2 span { display: inline-block; margin: 0; padding: 0; background-color: #f0f0f0; border: 1px solid #000; border-radius: 5px; padding: 5px 10px; color: #333; font-weight: bold; text-align: left; font-size: 16px; line-height: 1.5em; font-family: "Arial, sans-serif"; } ul { list-style: none; padding: 0; margin: 0; border: 1px solid #000; border-radius: 5px; background-color: #f7f7f7; width: 50%; text-align: left; position: relative; top: 20px; left: 20px; font-size: 16px; line-height: 1.5em; font-family: "Arial, sans-serif"; color: #000; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } li { background-color: #f2f2f2; border: 1px solid #000; border-bottom: 2px solid #000; padding: 10px 20px; margin: 0; list-style: none; text-align: left; font-size: 16px; line-height: 1.5em; font-family: "Arial, sans-serif"; color: #000; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } a { text-decoration: none; color: #f00; font-size: 16px; text-align: left; } a:hover { opacity: 1; } a:visited { text-decoration: none; color: #999; font-size: 16px; } a:link { text-decoration: none; color: #f00; font-size: 16px; } /* Styles for the subpages */ h2 { font-weight: bold; font-family: "Arial, sans-serif"; font-size: 20px; line-height: 1.5em; color: #333; text-align: center; margin: 0; padding: 0; } h3 { font-weight: bold; font-family: "Arial, sans-serif"; font-size: 18px; line-height: 1.5em; color: #666; text-align: center; margin: 0; padding: 0; } h4 { font-weight: bold; font-family: "Arial, sans-serif"; font-size: 14px; line-height: 1.5em; color: #333; text-align: center; margin: 0; padding: 0; } h5 { font-weight: bold; font-family: "Arial, sans-serif"; font-size: 12px; line-height: 1.5em; color: #666; text-align: center; margin: 0; padding: 0; } /* Styles for the footer */ footer { background-color: #f2f2f2; border: 8px solid #000; box-shadow: 0 0 0 #000; margin: 20px 50px 20px 20px; padding: 20px; width: 80%; position: relative; top: 20px; left: 50%; transform: translateX(-50%); text-align: center; font-family: "Arial, sans-serif"; font-size: 16px; line-height: 1.5em; color: #000; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } footer p { font-family: "Arial, sans-serif"; font-size: 16px; line-height: 1.5em; color: #000; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } footer a { text-decoration: none; color: #f00; font-size: 16px; text-align: left; } footer a:hover { opacity: 1; } footer a:visited { text-decoration: none; color: #999; font-size: 16px; } footer a:link { text-decoration: none; color: #f00; font-size: 16px; }