/*
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 { position: relative; min-height: 600px; }
#notfound .notfound { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.notfound { max-width: 520px; width: 100%; line-height: 1.4; text-align: center }
.notfound .notfound-404 { position: relative; height: 240px }
.notfound .notfound-404 h1 { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 200px; font-weight: 900; margin: 0; color: #f1951e; text-transform: uppercase; letter-spacing: 0px; }
.notfound .notfound-404 h1>span { text-shadow: 0px 8px 0 #1d2272 }
.notfound .notfound-404 h3 { font-family: "Open Sans", sans-serif; position: relative; font-size: 16px; font-weight: 700; text-transform: uppercase; color: #262626; margin: 0; letter-spacing: 3px; padding-left: 6px }
.notfound h2 { font-family: "Montserrat", sans-serif; font-size: 20px; font-weight: 400; text-transform: uppercase; color: #000; margin-top: 0; margin-bottom: 25px; }
 
@media only screen and (max-width: 767px) {
  .notfound .notfound-404 { height: 200px; }
  .notfound .notfound-404 h1 { font-size: 200px; }
}

@media only screen and (max-width: 480px) {
  .notfound .notfound-404 { height: 162px; }
  .notfound .notfound-404 h1 { font-size: 162px; height: 150px; line-height: 162px; }
  .notfound h2 { font-size: 16px; }
}