* {margin: 0;padding: 0;box-sizing: border-box;}html, body {box-sizing: border-box;}*, *::before, *::after {box-sizing: inherit;}.container {width: 100%;max-width: 100%;padding: 0 10px;margin: 0 auto;overflow-x: hidden;}header {background-color: #f2f2f2;padding: 20px 0;}nav ul {list-style-type: none;margin: 0;padding: 0;display: flex;}nav ul li {margin-right: 20px;}nav ul li:last-child {margin-right: 0;}nav ul li a {text-decoration: none;color: #333;padding: 10px 20px;border-radius: 5px;transition: color 0.3s ease;}nav ul li a:hover {color: #ff6600;}main {margin: 20px auto;max-width: 800px;padding: 10px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);background-color: #ffffff;}section {margin-bottom: 10px;}nav ul {list-style-type: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;justify-content: center;}nav ul li {margin-right: 15px;margin-bottom: 5px;}nav ul li a {text-decoration: none;color: #333;padding: 8px 15px;border-radius: 5px;background-color: #f2f2f2;transition: color 0.3s ease, background-color 0.3s ease;}nav ul li a:hover {background-color: #e0e0e0;color: #ff6600;}h1 {color: #333;color:#866209;width:550px;box-shadow: 0 4px 8px rgba(255, 195, 0, 0.6);}.heading2{width:500px;color:#a30000;box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.75);}.centered-graph img {width: 350px;height: auto;display: block;margin: 0 auto;cursor:pointer;}.post-container img{width:800px;height:auto;display:block;margin:auto;border:solid black 5px;}.heading3{width:630px;color:#a30000;box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.75);}h2 {color: #555;position: relative;text-align: center;}h2::after {content: "";position: absolute;bottom: -5px;left: 50%;transform: translateX(-50%);width: 1.5in;height: 1px;background-color: #000;box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);}.ol li{margin-bottom:9px;}img {max-width: 100%;height: auto;cursor:pointer;}p {text-align: left;margin: 10px 0;line-height: 1.6;padding: 0 10px;}p::after {content: "";display: inline-block;width: 100%;}.left-column {flex: 1;margin-right: 20px;padding: 10px;border: 1px solid #ccc;background-color: #f9f9f9;}.grid-container {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;flex: 3;}.post {background-color: #fff;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);border-radius: 8px;padding: 15px;text-align: center;}.post img {width: 100%;height: auto;border-radius: 8px;margin-bottom: 10px;}footer {background-color: #333;color: #fff;text-align: center;position: fixed;bottom: 0;width: 100%;padding: 10px 0;}.post-container {width: 100%;max-width: 800px;margin: 10px;padding: 10px;box-sizing: border-box;text-align: center;background-color: #ffffff;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);border-radius: 8px;}.post-image {max-width: 100%;height: auto;border-radius: 8px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);}@media (max-width: 600px) {.post-container {margin: 0;padding: 5px;border-radius: 5px;width: 90%;}.post-image {border-radius: 5px;}}@media (max-width: 600px) {.container {margin: 0;width: 90%;padding: 10px;}nav ul {flex-direction: column;align-items: flex-start;}nav ul li {margin: 5px 0;}nav ul li a {width: 100%;text-align: left;padding: 10px;border-radius: 5px;}}@media (max-width: 600px) {.container {margin: 0 auto;width: 90%;padding: 10px;box-sizing: border-box;}.post-container {width: 100%;margin: 0 auto;padding: 5px;box-sizing: border-box;}}@media (max-width: 600px) {.container {width: 100%;padding: 10px;}.post-container {width: 100%;padding: 5px;box-sizing: border-box;}}@media (max-width: 768px) {nav ul {flex-direction: column;align-items: flex-start;width: 100%;padding: 0;margin: 0;}nav ul li {width: 100%;margin: 0;}nav ul li a {text-align: left;width: 100%;padding: 15px 10px;border-bottom: 1px solid #e0e0e0;}}@media (max-width: 768px) {.menu-list li a::after {content: attr(data-short);}.menu-list li a {text-align: left;width: 100%;padding: 15px 10px;border-bottom: 1px solid #e0e0e0;display: block;}.menu-list li a::before {display: none;}}