123 lines (106 loc) · 2.87 KB

layout	error-404
title	Page Not Found
description	The page you're looking for doesn't exist or has been moved.

404

Page Not Found

The page you're looking for doesn't exist or has been moved.

Go to Homepage View Documentation

Looking for something specific?

<style> .c-error-404 { padding: 4rem 0; text-align: center; min-height: 60vh; display: flex; align-items: center; justify-content: center; } .c-error-404__content { max-width: 600px; margin: 0 auto; } .c-error-404__title { font-size: 6rem; color: var(--mainwp-primary); margin: 0; line-height: 1; } .c-error-404__subtitle { font-size: 2rem; color: var(--mainwp-dark-text); margin: 1rem 0; } .c-error-404__text { font-size: 1.2rem; color: var(--mainwp-dark-text); opacity: 0.8; margin-bottom: 2rem; } .c-error-404__actions { margin-bottom: 3rem; } .c-error-404__actions .c-button { margin: 0 0.5rem; } .c-error-404__help { text-align: left; background-color: rgba(0, 0, 0, 0.2); padding: 2rem; border-radius: var(--dox-border-radius); border: 1px solid rgba(255, 255, 255, 0.1); } .c-error-404__help h3 { color: var(--mainwp-dark-text); margin-top: 0; margin-bottom: 1rem; } .c-error-404__help ul { list-style: none; padding: 0; margin: 0; } .c-error-404__help li { margin-bottom: 0.5rem; } .c-error-404__help a { color: var(--mainwp-primary); text-decoration: none; transition: var(--dox-transition-base); } .c-error-404__help a:hover { color: var(--mainwp-primary-dark); } @media (max-width: 768px) { .c-error-404__title { font-size: 4rem; } .c-error-404__subtitle { font-size: 1.5rem; } .c-error-404__actions .c-button { display: block; margin: 1rem auto; width: 100%; max-width: 300px; } } </style>