{% extends "base.html" %}
{% block content %}
<div style="display:none">
{% block title %}YellWOWPages - Yellwow{% endblock %}
</div>

<div id="main">
  {% include 'includes/search.html' %}

  {% include 'includes/user_results.html' %}
</div>

<style>
  #main {
    width: 100%;
    height: 80vh;
    display: grid;
    place-content: center;
  }

  form {
    height: 80px;
  }

  #addresses {
    width: 100%;
    height: 54vh;
    overflow-y: auto;
  }

  #addresses::-webkit-scrollbar {
    display: none;
  }
  
  @media (max-width: 800px) {
    kbd {
      width: 100vw;
    }
  }
</style>

{% endblock %}