{% extends 'main/base.html' %} 


{% block content %}

<div class="container-fluid row" style="padding: 4rem; margin-top: 5rem;">
    <a href="/monitor/" class="col-4 offset-2 row" style="height: 10vh; width: auto; align-items: center; border-radius: 1rem; box-shadow: 0rem 0rem 2rem rgb(97, 97, 97);">
        {% comment %} <span class="col-3 material-symbols-outlined" style="font-size: clamp(1rem, 5vw, 10rem);">tv</span> {% endcomment %}
        <h4 class="col-5">Monitor</h4>
    </a>
    <div class="col-1"></div>
    <a href="/leitstelle/" class="col-4 row" style="height: 10vh; width: auto; align-items: center; border-radius: 1rem; box-shadow: 0rem 0rem 2rem rgb(97, 97, 97);">
        {% comment %} <span class="col-3 material-symbols-outlined" style="font-size: clamp(1rem, 5vw, 10rem);">dashboard</span> {% endcomment %}
        <h4 class="col-5">Leitstelle</h4>
    </a>
</div>

{% endblock %}