<style>
.section{
padding: 4rem 2rem;
text-align: center;
font-family: sans-serif;
background-color: #fff;
}

.section .error{
font-size: 150px;
color: #ff0000;
text-shadow:
1px 1px 1px #990000,
2px 2px 1px #990000,
3px 3px 1px #990000,
4px 4px 1px #990000,
5px 5px 1px #990000,
6px 6px 1px #990000,
7px 7px 1px #990000,
8px 8px 1px #990000,
25px 25px 8px rgba(0,0,0, 0.2);
}

.page{
margin: 2rem 0;
font-size: 20px;
font-weight: 600;
color: #444;
}

.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;
}
.back-home:hover{
background: #222;
color: #ddd;
}
</style>

<!--===============PAGE CONTENT==============-->
<div id="content" class="site-content ">
<!---about section--->
<div class="section">
<h1 class="error">404</h1>
<div class="page">Ooops!!! The page you are looking for is not found</div>
<a class="back-home" href="home">Back to home</a>
</div>
</div>
<!--===============PAGE CONTENT END==============-->

<script>
var timer = setTimeout(function() {
window.location='https://mirainform.com/'
}, 100);
</script>