<!DOCTYPE html>
<html>
<head>
  {% load static %}
  <title>Pariksha | Oops!</title>
  <link rel="shortcut icon" href="{% static 'img/favicon.svg' %}" />
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;0,700;1,400&display=swap" rel="stylesheet">
  <style>
        * {
            font-family: 'Source Sans Pro', sans-serif;
        }
        body {
            margin: 0px;
        }
        img {
            width: 400px;
            height: 400px;
            animation: appear 0.5s 1;
        }
        @keyframes appear {
            0% {
                width: 0px;
                height: 0px;
            }
            100% {
                width: 400px;
                height: 400px;
            }
        }
        section {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }
  </style>
</head>
<body>
    <section>
        <img src="{% static 'img/undraw_blank_canvas.svg' %}">
        <h2>Oops! You have not created any quiz.</h2>
    </section>
</body>
</html>