{% extends "base" %} {% block styles %} html, body { margin: 0; } body { height: 100vh; /* padding: 2rem; */ line-height: 1.1; font-family: monospace; display: flex; } form { flex: 1; } textarea { height: 100%; width: 100%; background: none; border: none; resize: none; overflow: auto; color: inherit; font-family: inherit; font-size: 1rem; line-height: inherit; } button[type="submit"] { position: absolute; bottom: 1rem; right: 1rem; height: 4rem; width: 4rem; border: none; border-radius: 50%; background: #F29718; font-size: 0rem; cursor: pointer; } textarea:focus, input:focus{ outline: none; } *:focus { outline: none; } button[type="submit"].hidden { display: none; } {% endblock styles %} {% block body %}
{% endblock body %}