Utterly Ridiculous Art

Where functionality meets absurdity.

body { background-color: #f2f2f2; margin: 0; padding: 0; } .main-container { width: 80%; margin: 0 auto; padding: 20px; border: 4px solid black; box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5); } .tagline { font-family: Arial, sans-serif; font-size: 18px; font-weight: bold; color: #666; margin-bottom: 20px; } .gallery { display: flex; flex-wrap: wrap; justify-content: space-around; } .artwork { display: inline-block; margin: 10px; border: 4px solid black; width: 200px; background-color: #f7f7f7; border-radius: 5px; padding: 10px; box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5); } .artwork h2 { font-family: "Arial Black", serif; font-size: 18px; font-weight: bold; margin-bottom: 10px; text-align: center; } img { display: block; margin: 20px auto; width: 100%; height: 150px; border: 4px solid black; background-color: #f2f7f2; padding: 10px; border-radius: 10px; } nav a { text-decoration: none; color: black; font-size: 14px; margin: 10px 5px 10px 5px; padding: 5px 10px; border: 2px solid black; background-color: #f7f7f7; border-radius: 5px; display: inline-block; transition: background-color 0.3s ease; } nav a:hover { background-color: #c0c0c0; border: 2px solid black; }