Untitled

<html>
<head>
<meta charset="UTF-8">
<title>Test</title>
<link href="sky.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="sky.js"></script>

</head>


<body>
    <div id="Welcome">
        <h1> Hello </h1>
        </div>

     <div id="Next">
        <a href="next.html"><h2> Next Page </h2></a>
    </div>

    <video autoplay muted loop id="VidBackground">
        <source src="video/home.mp4">
    </video>


</body>
</html>

h1, h3, a {
    color: #ffffff;
    line-height: 2;
}

#welcome {
    position: absolute;
    bottom: 15%;
    right: 20%;
    z-index: 2;
}

#next {
    position: absolute;
    bottom: 10%;
    right: 20%;
    z-index: 2;
}

#VidBackground {
    position: fixed;
    right: 0;
    bottom: 0;
    object-fit: cover;
    z-index: -1;
}