<?php
/**
 * The template for displaying 404 pages (not found)
 *
 * @link https://codex.wordpress.org/Creating_an_Error_404_Page
 *
 * @package realraposo
 */

get_header();
?>

	<style>
		
		body{
			background:transparent;
		}
		footer{
			position: fixed;
			width: 100%;
			bottom:0;
		}
		header{
			display: none;
		} 

		header nav {
			margin-top: 0 !important;
		}
		.page-404{
			padding: 290px 0 406px;
			display:flex;
			flex-direction:column;
			justify-content:center;
			align-items:center;
			margin: 0px auto;
		}
		.title-404{
			font-family: montserrat;
			color: #000;
    		font-size: 36px;
    		font-weight: 700;
    		margin-bottom: 20px;
    		text-align: center;
		}
		.txt-404{
			font-family: montserrat;
			color: #000;
    		font-size: 17px;
    		margin-bottom: 30px;
    		text-align: center;
		}
		.btn-voltar{
			font-family: montserrat;
			text-decoration:none;
			padding:20px 0px;
			background-color: #000;
			width: 240px;
			color: #fff!important;
			text-align:center;
			border-radius:16px;
			font-size: 18px;
			font-weight:700;
			transition:var(--transicao);
			border: 1px solid transparent
		}
		.btn-voltar:hover{
			    color: #000 !important;
    			background-color: #fff;
				border: 1px solid #000 ;
		}
		.btn-voltar:visited{
			color:#fff;
		}
		
	</style>
	
	<div class="page-404">
			<h1 class="title-404">Página não encontrada</h1>
			<p  class="txt-404">A página que você solicitou não foi encontrada.</p>
			<a  href="<?= site_url() ?>" class="btn-voltar">Voltar a navegar</a>
	</div>

		
<?php
get_footer();
