{% extends "base.html" %}

{% block title %}
Home
{% endblock %}

{% block style %}
<style>
    /*
 * Globals
 */


/* Custom default button */
.btn-light,
.btn-light:hover,
.btn-light:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
}


/*
 * Base structure
 */

body {
  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
  box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
}

main {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    ma