Untitled

    <main class="page-wrapper bg-dark py-5">
      <!-- Page content-->
      <section class="d-flex align-items-center position-relative  py-5">
        <!-- Bg overlay--><span class="position-absolute top-50 start-50 translate-middle zindex-1 rounded-circle mt-sm-0 mt-n5" style="width: 50vw; height: 50vw; background-color: rgba(83, 74, 117, 0.3); filter: blur(6.4vw);"></span>
        <!-- Overlay content-->
        <div class="container d-flex justify-content-center position-relative zindex-5 text-center">
          <div class="col-lg-8 col-md-10 col-12 px-0">
            <h1 class="display-1 mb-lg-5 mb-4 text-light">Error 404!</h1>
        
            <p class="h2 mb-lg-5 mb-4 pb-2 text-light">La página que buscas no existe</p><a class="btn btn-lg btn-primary w-sm-auto w-100 mb-3 me-sm-4" href="{{ route('index') }}">Volver al inicio</a>
          </div>
        </div>
      </section>
    </main>