/* Reset and Base Styles */
 * { margin: 0; padding: 0; box-sizing: border-box; }
 body { 
   font-family: Arial, sans-serif; 
   background-color: #f8f9fa; color: #333; line-height: 1.6; 

  font-family: "gentona", "Georgia", serif;
  background: #faf8f1 url("../../../img/icon/website_element/bg-texture.png");
  color: #495057;
  font-size: 1.2em; }

 /* Container */
 .container {
     max-width: 980px;
     margin: 0 auto;
     padding: 20px;
     background-color: #fff;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
     border-radius: 8px;
 }

 /* Typography */
 h1, h2, h3, h4 { color: #0056b3; margin-bottom: 15px; }
 p { margin-bottom: 1em; }
 em { font-style: italic; }
 strong { font-weight: bold; }

 /* Table */
 table {
     width: 100%;
     border-collapse: collapse;
     margin-bottom: 20px;
 }
 table, th, td { border: 1px solid #ddd; padding: 8px; }
 th { background-color: #f2f2f2; font-weight: bold; }
 td { text-align: left; }

 /* Lists */
 ul, ol { margin: 15px 0; padding-left: 20px; }
 li { margin-bottom: 5px; }
 .nested-list { list-style-type: circle; margin-left: 20px; }

 /* Links */
 a { color: #0056b3; text-decoration: none; }
 a:hover { text-decoration: underline; }

 /* Emojis */
 .emoji { font-size: 1.2em; margin-right: 5px; }

 /* Image Styling */
 img { max-width: 100%; height: auto; display: block; margin: 10px 0; }

 .header-container {
background: linear-gradient(135deg, #0021A5, #FA4616); /* UF colors */
padding: 20px;
display: flex;
align-items: center;
/* border-radius: 8px; Soft corners */

}

.header-icon {
font-size: 3rem; /* Make it oversized and fun */
margin-right: 15px;
}

.header-title {
font-size: 2rem;
color: #fff;
font-weight: bold;
}


.blue-grit {
  background-image: url("../../../img/icon/website_element/smallbannerGrit_DBlue.jpg");
  color: #fff; }

.white-bg {
  background-color: #fff; }

.footer {
  background: #faf8f1 url("../../../img/icon/website_element/bg-texture.png");
  font-size: 1.2em; }