{% extends 'base.html' %}

{% block style %}
<style>
    .inner_wrapper {
        padding-top: 5%;
    }
    .row {
        margin-bottom: 20px;
    }
    .card {
        transition: all .5s ease-in-out;
        cursor: pointer;
    }
    .card:hover {
        transform: translateY(-4px);
    }
</style>

{% endblock style %}

{% block content %}    
    <div class="container-fluid">
        <div class="inner_wrapper" style="text-align: center;">
            <div id="algo_alert" class="alert alert-success fa