{% block content %}{% endblock %}
diff --git a/static/style.css b/static/style.css index 3cfbde0..aa60628 100644 --- a/static/style.css +++ b/static/style.css @@ -1,3 +1,8 @@ +@keyframes fade-in { + 0% { opacity: 0; } + 100% { opacity: 1; } +} + body { font-family: sans-serif; margin: 0; @@ -27,9 +32,14 @@ body { font-weight: bold; } +#menu { + animation: fade-in ease-in-out .5s; +} + #content { margin: 50px 0px; text-align: center; + animation: fade-in ease-in-out .5s; } .file { diff --git a/templates/base.html b/templates/base.html index a528ba4..b291d51 100644 --- a/templates/base.html +++ b/templates/base.html @@ -8,9 +8,11 @@