Semi-Solid Mud Catalog</section> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> /* CSS for Semi-Solid Mud body { background-color: #FFC0C0; background-image: linear-gradient(to bottom, #FFC0C0, #C0C0C0); color: #000; font-family: 'MudFont', sans-serif; margin: 0; padding: 0; } .mud-catalog { width: 80%; margin: 20px auto; padding: 20px; border: 4px solid #000; background-color: #C0C0C0; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5); } a { text-decoration: none; color: #000; background-color: #C0C0C0; border: 2px solid #000; } a:hover { background-color: #000; color: #C0C0C0; border: 2px solid #C0C0C0; } h1 { font-size: 48px; font-weight: bold; margin: 0; padding: 0; } h2 { font-size: 24px; font-weight: bold; margin: 0; padding: 0; } p { margin: 0; padding: 0; } .mud { border: 4px solid #000; background-color: #C0C0C0; background-image: linear-gradient(to bottom, #FFC0C0, #C0C0C0); color: #000; padding: 20px; } .mud-name { font-size: 24px; font-weight: bold; margin: 0; padding: 0; } .mud-description { font-size: 18px; margin: 0; padding: 0; } .mud-price { font-size: 18px; font-weight: bold; margin: 0; padding: 0; } </style> </head> <body> <div class="mud-catalog"> <h1>Semi-Solid Mud Catalog</h1> <div class="mud"> <a href="/about/team/mud-catalog/semi-solid-mud/2" class="mud" id="semi-solid-mud-1">Semi-Solid Mud</a> <p class="mud-name">Semi-Solid Mud</p> <p class="mud-description">This mud is semi-solid, which means it's not as solid as our other muds, but still pretty good at holding you in one place for a bit. Great for those hard-to-catch fish or when you just want a snack that's not too runny.</p> <p class="mud-price">$5.99/oz</p> <a href="/about/team/mud-catalog/semi-solid-mud/3" class="mud" id="semi-solid-mud-2">View more like this</a> </div> <div class="mud" id="related-muds"> <h2>Related Muds</h2> <a href="/about/team/mud-catalog/regular-mud" class="mud" id="regular-mud">Regular Mud</a> <a href="/about/team/mud-catalog/super-super-solid-mud" class="mud" id="super-solid-mud">Super-Super-Solid Mud</a> </div> </div> </body> </html> <a href="/about/team" class="mud" id="return-to-team">Back to Team</a> <a href="/about" class="mud" id="return-to-about">Back to About</a>