/*
Theme Name: Twenty Twenty-One Child
Theme URI: https://wordpress.org/themes/twentytwentyone/
Template: twentytwentyone
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Tags: one-column,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,blog,portfolio
Version: 2.4.1741354934
Updated: 2025-03-07 13:42:14

*/
#notfound { width: 100%; margin: 50px 0; }
.notfound { max-width: 650px; margin: 0 auto; background: white; border-radius: 32px; padding: 48px 40px 56px; text-align: center; transition: all 0.25s ease; }

/* 404 Styling */
.notfound-404 { margin-bottom: 28px; }
.notfound-404 h3 {font-size: 1rem; font-weight: 600; text-transform: uppercase; letter-spacing: 6px; color: #f1951e; margin-bottom: 20px; }
.notfound-404 h1 { font-size: 130px; font-weight: 800; margin: 0; line-height: 1; display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; }
.notfound-404 h1 span {
  display: inline-block; background: linear-gradient(204deg, #f1951e 0%, #1d2272 100%); background-clip: text; -webkit-background-clip: text; color: transparent; text-shadow: none; transition: all 0.2s ease; background: unset; color: #1d2272; }

/* Message styling */
.notfound h2 { font-size: 1rem; font-weight: 450; color: #4a4f7a; margin-top: 8px; line-height: 1.5; letter-spacing: -0.01em; }

/* Simple responsive */
@media (max-width: 550px) {
  .notfound { padding: 36px 24px 44px; border-radius: 28px; }
  .notfound-404 h1 { font-size: 85px; gap: 5px; }
  .notfound-404 h3 { font-size: 0.8rem; letter-spacing: 4px; }
  .notfound h2 { font-size: 0.9rem; }
}

#notfound .button-group{ margin-top: 20px; }