diff --git a/wiki/pages/home.html b/wiki/pages/home.html index c177ec74fbcad5910c46f78b5c7b6e070ef95047..c1ea51e04b6c1ece9b35d28970933d659252fce5 100644 --- a/wiki/pages/home.html +++ b/wiki/pages/home.html @@ -141,35 +141,69 @@ display: block; } - .additional-content, .muscare-content { + .additional-content { display: flex; align-items: center; margin-top: 50px; } - .additional-content-text, .muscare-content-text { + .additional-content-text { flex: 1; padding: 30px; } - .additional-content-text h3, .muscare-content-text h3 { + .additional-content-text h3{ font-family: 'Merriweather', serif; font-size: 2rem; color: #333; margin-top: 0; } - .additional-content-text p, .muscare-content-text p { + .additional-content-text p{ font-size: 1.1rem; color: #666; } - .additional-content-image, .muscare-content-image { + .additional-content-image{ width: 400px; height: auto; object-fit: contain; margin: 40px; } + .muscare-content { + display: flex; + align-items: center; + width: 90%; + max-width: 1000px; + margin: 50px auto; + background-color: #ffffff; + border-radius: 15px; + overflow: hidden; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); + padding: 30px; + } + + .muscare-content-image { + width: 200px; + height: auto; + margin-right: 30px; + } + + .muscare-content-text { + flex: 1; + } + + .muscare-content-text h3 { + font-family: 'Merriweather', serif; + font-size: 2rem; + color: #333; + margin-top: 0; + } + + .muscare-content-text p { + font-size: 1.1rem; + color: #666; + } </style> </head> <body>