---
// Layout
import Base from "@layouts/Base.astro";

// Components
import SearchBox from "@components/global/SearchBox.astro";
---

<Base>
  <div class="home-center">
    <SearchBox/>
  </div>
</Base>
<style is:global>
/* Don't show header search */
header form {
  display: none !important;
}
/* Home CSS */
.home-center {
  position: absolute;
  top: 42%;
  left: 50%;
  transform: translate(-50%, -50%);
}
footer {
  position: absolute;
  bottom: 0px;
  width: 100%;
  max-width: 1200px;
}
</style>
<script is:inline>FocusSearch()</script>