{% extends "base.html" %}

{% block title %}Главная{% endblock %}

{% block content %}
<style>
    .select2-container {
      width: 100% !important;
    }
  </style>
  <style>
  .filter-link {
    font-size: 18px; /* Увеличиваем размер шрифта */
    font-weight: bold; /* Делаем текст жирным */
    padding: 10px 20px; /* Добавляем отступы для лучшего кликабельности */
    background-color: #7a61fe; /* Добавляем зелёный фон */
    color: white; /* Текст белый */
    border-radius: 5px; /* Слегка скругляем углы */
    text-align: center; /* Выравнивание по центру */
    cursor: pointer; /* Курсор в виде указателя при наведении */
    transition: background-color 0.3s ease, transform 0.2s ease; /* Плавные анимации */
  }

  .filter-link:hover {
    background-color: #7a61fe; /* Темнее при наведении */
    transform: scale(1.002); /* Немного увеличиваем размер при наведении */
  }
</style>
                
    {% include "filtr.html" %}
    {% include "tabl.html" %}  
<!-- Включаем модалку -->
<!-- Модальное окно -->
{% include "modal.html" %}
<script src="/static/dist/js/prod.js"></script>

{% endblock %}