.error-page { flex: 1 1 auto; min-height: 0; } /* * Only set on the of a full error page (app/errors/*.php), never on * regular views - browse.php also loads this stylesheet for its inline * "no results" state (.error-browse), and it must keep scrolling normally. */ body.error-body { display: flex; flex-direction: column; height: 100vh; overflow: hidden; } .error-browse { min-height: 730px; } .error-container { max-width: 600px; } .error-code { font-size: 12rem; font-weight: 900; background: linear-gradient(to right, rgba(33, 37, 41, 0.75), rgba(255, 255, 255, 0.5)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: pulse 2s infinite; } .error-message { color: rgba(33, 37, 41, 0.75); } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } }