{% extends "layouts/base-electric.html" %} {% load static %} {% block title %} 404 Page Not Found {% endblock title %} {% block stylesheets %} <style> .e-container-border{ padding: 4px; margin: auto; background-color:#222222; border-radius: 25px; background: linear-gradient(180deg, #4b8fca, #e73c7e, #23a6d5, #23d5ab); background-size: 400% 400%; animation: gradient 15s ease infinite; box-shadow: 0px 2px 10px 0px #221133; transition-timing-function: ease-out; transition-duration: 0.3s; display: flex; } .e-container{ overflow:hidden; background-color:#222222; padding:24px; text-align:justify; border-radius: 25px; } {% comment %} .containcenter{ margin:auto; } .index{ transform: scale(0.95); transition-timing-function: ease-out; transition-duration: 0.3s; filter: saturate(0) contrast(75%) brightness(0.8); } .index:hover{ transform: scale(1); transition-timing-function: ease-out; transition-duration: 0.1s; filter: saturate(1) contrast(100%) brightness(1); } {% endcomment %} </style> {% endblock stylesheets %} {% block content %} {% include "includes/navigation-transparent.html" %} <div class="container"> <div class="e-container-border row mb-3" tabindex="1"> <div class="e-container"> <div class="my-20 text-center"> <h1 class="bold glitch" data-text="404">404</h1> <h2>Page Not Found</h2> <p>Sorry cant find that page :(</p> </div> </div> </div> </div> {% endblock content %}