Untitled

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Test</title>
    <style>

        body,
        html {
            background-color: #000;
            color: #fff;
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
            overflow: hidden;
        }

        canvas {
            position: absolute;
            top: 0;
            left: 0
        }
        /* The navigation bar */
        .navbar {
            overflow: hidden;
            background-color: #333;
            position: fixed;
            /* Set the navbar to fixed position */
            top: 0;
            left: 0;
            right: 0;
            /* Position the navbar at the top of the page */
            width: 100%;
            /* Full width */
        }

        /* Links inside the navbar */
        .navbar a {
            float: left;
            display: block;
            color: #f2f2f2;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none;
        }

        /* Change background on mouse-over */
        .navbar a:hover {
            background: #ddd;
            color: black;
        }

        /* Main content */
        .main {
            color: red;
            margin-top: 50px;
            /* Add a top margin to avoid content overlay */
        }
    </style>
    <script src="https://kit.fontawesome.com/ad24df4c4e.js" crossorigin="anonymous"></script>
</head>

<body>
    <div>
        <canvas id="bgCanvas"></canvas>
    </div>
    <div class="navbar">
        <a href="#home">Home</a>
        <a href="#news">News</a>
        <a href="#contact">Contact</a>
        <a onclick="console.log('testmessage');"><i class="fas fa-adjust"></i></a>
    </div>


    <div class="main">
        <p style="color: white;">Some text some text some text some text..</p>
    </div>
</body>
<footer>
    <script src="animation.js"></script>
    <script src="script.js"></script>
</footer>

</html>