<!DOCTYPE html>
<html>
    <head>
        <title>404 Not Found</title>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <meta name="theme-color" content="#4B9E52" />
        <meta name="viewport" content="width=device-width" />
        <style nonce="be231bb8405a8294e6927ea40ad8f6ced75b947d702e43271fcb09ff9fdfd065">
        body{
            font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
        }
        @keyframes floating{
            from{
                transform: translateY(0) rotate(25deg);
            }
            to, 90%{
                transform: translateY(-10px) rotate(26deg);
            }
        }
         .ufo{
            animation: floating 2s ease alternate infinite;
            position: absolute;
            top: calc(-5vw * .5);
            width: calc(20vw * .5);
        }
         .fa-secondary{
            opacity:.4
        }
        .ufo > path{
            fill: var(--bs-dark);
        }
         .btn{
            padding: .5rem 1rem;
             border-radius: .5rem;
             border: 1px solid #333;
        }
        .button-wrapper{
            display: flex;
             align-items: center;
             justify-content: center;
             flex-wrap: wrap;
        }
        .button-wrapper a{
            margin: .5rem .25rem;
             border-radius: .5rem !important;
             transition: .2s ease;
             text-decoration: unset;
             cursor: pointer;
        }
         .btn-dark{
            background: #333;
             color: white;
        }
         .btn-outline-dark:hover{
            background: #333;
             color: white;
        }
        
        .section {
            min-height: 100vh;
            display: flex;
            padding: 0 5rem;
        }
        
        .width-block {
            max-width: 1100px;
            margin: auto;
        }
        
        .d-flex {
            display: flex;
        }
        
        .d-flex .innerblock {
            text-align: center;
            margin: 0 auto;
            color: #222;
            position: relative;
        }
        
        .d-flex .innerblock h1 {
            font-size: calc(50vw * .4);
            margin: 0;
            margin-top: 1rem;
            font-weight: 900;
        }
        
        .d-flex .innerblock h2 {
            font-size: 1.5rem;
        }
        
        .full-width {
            width: 100%;
            text-align: center;
        }
        </style>
    </head>
<body>
<section class="section">
    <div class="width-block">
        <div class="d-flex">
            <div class="innerblock">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" class="ufo"><defs></defs><path d="M33.69349,481.68406a15.99575,15.99575,0,0,0,7.15608,21.46486l14.31606,7.15821A15.99982,15.99982,0,0,0,76.63,503.15283L158.3155,339.77376a15.72566,15.72566,0,0,0,1.57027-5.79492,454.09335,454.09335,0,0,1-45.60046-13.47658Zm572.61124,0-80.584-161.17789a454.76672,454.76672,0,0,1-45.60828,13.47462,16.02422,16.02422,0,0,0,1.57027,5.793l81.68554,163.37907a16.00317,16.00317,0,0,0,21.46823,7.1543l14.31607-7.15821A15.99761,15.99761,0,0,0,606.30473,481.68406ZM320.00692,0A150.8559,150.8559,0,0,0,169.15118,150.85757c0,2.69531.26561,5.32617.40624,7.99024,45.92858,20.86135,96.62267,33.15237,150.4495,33.15237s104.52093-12.291,150.44951-33.15237c.14062-2.66407.40624-5.29493.40624-7.99024A150.8559,150.8559,0,0,0,320.00692,0Z" class="fa-secondary"/><path d="M464.96438,111.33409c3.453,12.67384,5.89829,25.75393,5.89829,39.52348,0,2.69531-.26562,5.32617-.40624,7.99024-45.92858,20.86135-96.62268,33.15237-150.44951,33.15237s-104.52092-12.291-150.4495-33.15237c-.14063-2.66407-.40624-5.29493-.40624-7.99024,0-13.76955,2.44525-26.84964,5.89829-39.52348C89.59059,130.75989,32.01385,166.72477,32.01385,208.0002c0,61.85553,128.9383,112.00011,287.99307,112.00011S608,269.85573,608,208.0002C608,166.72477,550.42326,130.75989,464.96438,111.33409ZM128.01154,232.00022a24,24,0,1,1,23.99942-24A24.0009,24.0009,0,0,1,128.01154,232.00022Zm191.99538,48a24,24,0,1,1,23.99943-24A24.00091,24.00091,0,0,1,320.00692,280.00027Zm191.99539-48a24,24,0,1,1,23.99942-24A24.00091,24.00091,0,0,1,512.00231,232.00022Z" class="fa-primary"/></svg>
                <h1>404</h1>
                <h2>Not Found</h2>
                <div class="full-width">
                    <div class="button-wrapper">
                        <a class="btn btn-outline-dark" onclick="javascript:history.go(-1);">Terug naar vorige pagina</a>
                        <a class="btn btn-dark" href="/">Naar startpagina</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- jQuery is needed for the screenshot tools haha -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</body>
</html>
