<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>EveryNasa</title>
    <link rel="icon" href="/static/image/icons/favicon.png">
    <style>
        lottie-player {
            margin: 2% auto;
            width: 250px;
            height: 250px;
        }

        p {
            font-family: sans-serif;
            text-align: center;
            font-size: 130%;
        }

        li {
            font-family: sans-serif;
            margin-top: 3%;
            margin-left: 43%
        }
    </style>
</head>
<body style="background: #131313; color: white;">
<lottie-player src="/static/image/lottie/lf20_3FGZxC.json" background="transparent" speed="0.5" style="width: 250px; height: 250px;" loop autoplay></lottie-player>
<p style="margin: 3% auto; font-size: 1.7em;">No internet connection</p>
<p style="margin: -2% auto; font-size: 1.2em;">Try to do the following:</p>
<li>Check the network cables, modem and router.</li>
<li style="margin-top: 1%; margin-left: 43%">Connect to the Wi-Fi network again.</li>
<script src="static/scripts/lottie-player.js"></script>
</body>
</html>