<!DOCTYPE html>
<html lang="en">
<head>
    <title>GuideGlare</title>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
    <style>
        body, html {
            height: 100%;
            margin: 0;
            font-family: 'Roboto', sans-serif;
        }

        .video-background {
            position: fixed;
            right: 0;
            bottom: 0;
            min-width: 100%; 
            min-height: 100%;
        }

        .content {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: white;
            text-align: center;
        }

        h1 {
            font-size: 48px;
            font-weight: 700;
        }

        p {
            font-size: 24px;
            font-weight: 400;
        }
    </style>
</head>
<body>

    <video autoplay muted loop class="video-background">
        <source src="background.mp4" type="video/mp4">
        Your browser does not support HTML5 video.
    </video>

    <div class="content">
            <img src="./gg1.svg" width="500px" alt="GuideGlare.com">
        <p>is under construction by <a href="https://www.explicaire.com" rel="external"><img src="./ex1.svg" width="160px" alt="Explicaire.com"></a></p>
    </div>

</body>
</html>