body { margin: 0; background-color: #000; }
.error404 { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; padding: 15px; text-align: center; background-color: rgba(0,0,0,.9); color: #fefefe; font-size: 12px; font-family: museosans_500,Arial,sans-serif; }
.error404::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: url(../Bolabet/images/header_logo.webp) center center no-repeat; background-size: 150%; }
.error404 > a { display: inline-block; width: 200px; margin: 3px; }
.error404 > a img { width: 100%; }
.error404 p { margin: 17px 0; line-height: 1.15em; }
.error404 ul { display: flex; justify-content: center; flex-direction: column; gap: 10px; list-style-type: none; margin: 0; padding: 15px 0; }
.error404 ul li a { display: inline-block; text-decoration: none; padding: 12px 24px; background-color: #ffe600; color: #000; font-size: 16px; border-radius: 4px; transition: .05s ease-in-out; }
.error404 ul li a:hover { background-color: #ffe600; }
@media (min-width: 1280px) { 
.error404 { margin-right: 270px; }
.error404 > a { margin-bottom: 15px; }
.error404 p { margin: 0; line-height: 28px; }
.error404 ul { flex-direction: row; }
}