/*
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-404{
  height: 100vh;
  text-align: center;
  font-family: "Inter", sans-serif;
  background-color: #FFF;
}

.notfound-404 h1, .notfound-404 a{
  margin: 0;
  padding: 0;
  text-decoration: none;
}

.notfound-404{
  padding: 4rem 2rem;
}

.notfound-404 h1{
  font-size: 175px;
  color: #7662b1;
  text-shadow:
    1px 1px 1px #2a1d44,
    2px 2px 1px #2a1d44,
    3px 3px 1px #2a1d44,
    4px 4px 1px #2a1d44,
    5px 5px 1px #2a1d44,
    6px 6px 1px #2a1d44,
    7px 7px 1px #2a1d44,
    8px 8px 1px #2a1d44,
    25px 25px 8px rgba(0,0,0, 0.2);
}

.notfound-404 .page-text{
  margin: 16px 0 32px 0;
  font-size: 20px;
  font-weight: 600;
  color: #444;
}

.notfound-404 .back-home{
  display: inline-block;
  border: 2px solid #222;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  padding: 0.75rem 1rem 0.6rem;
  transition: all 0.2s linear;
  box-shadow: 0 15px 15px -11px rgba(0,0,0, 0.4);
  background: #222;
  border-radius: 6px;
}
.notfound-404 .back-home:hover{
  background: #222;
  color: #ddd;
}

.notfound-404 a.home-btn-404{
  background-color: #FFF;
  color: #7662b1;
  border-color: #7662b1;
  padding: 17px 25px;
  display: inline-block;
  border: 2px solid #7662b1;
}
.notfound-404 a.home-btn-404:hover{
  background-color: #7662b1;
  color: #FFF;
}
 
@media only screen and (max-width: 480px) {
  .notfound-404 h1 {
    font-size: 100px;
  }
}

@media only screen and (max-width: 767px) {
  .notfound-404 h1 {
    font-size: 120px
  }
  .notfound-404 .page-text {
    font-size: 16px;
    margin: 16px 0 22px 0;
  }
  .notfound-404 a.home-btn-404{
    padding: 14px 18px;
    font-size: 15px;
  }
}

.navigation .wp-paginate{text-align: center; padding-top:30px;}
.navigation .wp-paginate .current{color: #fff; background: #7662b1; border: 1px solid #7662b1; margin-right: 4px; padding: 5px 12px;}
.navigation .wp-paginate a{background: #fff; border: 1px solid #ccc; color: #626262; margin-right: 4px; padding: 5px 11px; text-align: center; text-decoration: none; }
.navigation .wp-paginate a:hover{background: #7662b1; color: #fff; border: 1px solid #7662b1;}