body { text-align: center; display: flex; flex-direction: column; } body h1 { color: white; margin-top: 0%; margin-bottom: 0%; font-size: 8rem; font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; -webkit-text-stroke: 4px black; background-image: url(img/banière\ site\ def.png); background-size:cover; background-position: center; width: 100%; height: 55vh; } body .site_content { display: flex; flex-direction: row; justify-content: space-between; min-height: 100vh; flex-grow: 1; } body .site_content .main_content { flex-grow: 1; margin-right: 20px; text-align: center; } body .site_content .vertical_banner { font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 2rem; color: white; background-color: #9F0A0A; background-size: contain; z-index: 1; width: 26%; order: -1; } body .site_content .vertical_banner .category { display: flex; flex-direction: column; gap: 1vh; margin: 5px; margin-top: 2%; } body .site_content .vertical_banner .category a { font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 2rem; text-decoration: none; color: white; background-size: contain; } body .site_content .vertical_banner .category a:visited { font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 2rem; text-decoration: none; color: white; background-size: contain; } body .site_content .main_content h2 { color: black; font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 4rem; } body h3 { font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; } body p { text-align: left; font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; } body .footer { background-color: #9F0A0A; padding: 20px; text-align: center; color: white; width: 100%; font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; margin-top: auto; align-self: flex-end; margin-top: auto; right: 0; left: 0; } body .social-links { list-style: none; padding: 0; margin: 0; } body .social-links li { display: inline-block; margin-bottom: 10px; } body .social-links a img { width: 40px; height: 40px; } body .social-links a { font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 1rem; text-decoration: none; color: white; } body .social-links a:visited { font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; font-size: 1rem; text-decoration: none; color: white; }