<!-- ouuuuuugggghhhhhh how do i do thissssssssssssssssssssssssssssssssss 
⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⠿⠟⢛⠛⠛⠀⢶⣬⣁⠀⠉⠛⠿⣿⣿⣿⣿⣿⣿⣿⣿⣿
⣶⣶⣦⣤⣭⣭⣉⣛⣛⣛⡛⠻⠿⠿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⠟⣡⣶⣾⣿⠉⠁⠀⡑⢢⣌⡙⢻⣶⣬⣷⣆⡘⣿⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⣶⣶⣦⣭⣉⣙⢻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠟⣀⣼⣿⣿⣿⣼⡀⠠⣀⣽⣿⣿⣿⣿⣿⣿⣿⣿⡇⢸⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⢸⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡁⠞⣁⣴⣶⣤⣬⠉⠓⠀⣌⠛⠻⠿⣿⣿⣿⣿⣿⣿⣿⢸⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⢸⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡇⢰⣿⣿⣿⢿⣿⣷⡆⠀⠹⠆⢀⡀⠨⠉⣿⣿⣿⣿⣿⡇⢿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⢸⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡅⠈⠻⢿⣿⣿⣿⣿⠇⠀⠂⠀⣿⣿⣷⡆⠈⣿⣿⣿⣿⣿⡌⢿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⢸⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣧⠰⣄⡀⠀⢀⣀⣀⣤⣴⠀⣿⣯⣿⣿⣿⣄⢻⣿⣿⣿⣿⣷⡀⣶⣬⡙⠿
⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⢸⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠏⣸⣄⢸⣿⣿⣿⣿⣿⣿⣿⡄⠙⠿⣿⣿⣿⣿⠈⣿⣿⣿⣿⣿⣷⠘⣿⣿⣷
⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⢸⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠟⣋⣥⣾⣿⣿⢸⡏⡉⠛⠻⠿⣿⣿⣿⣦⣀⡄⢈⣉⣠⡆⢻⣿⣿⣿⣿⣿⣇⠸⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⢸⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠿⢋⣴⣾⣿⣿⣿⣿⣿⢸⠃⣿⣦⣍⡓⠲⠢⠬⠍⠛⠣⠈⢻⣿⠟⡈⢿⣿⣿⣿⣿⣿⡇⢿⠋
⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⢸⣿⣿⣿⣿⣿⣿⣿⣿⡏⣡⣴⣿⣿⣿⣿⣿⣿⣿⣧⠘⢸⣿⣿⣿⣿⣿⣿⣿⣿⣿⡷⠀⡘⢁⣾⣧⠀⢻⣿⣿⣿⣿⣿⢸⠀
⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⢸⣿⣿⣿⣿⣿⣿⡟⣉⣤⣿⣿⣿⣿⣿⣿⣿⣿⠿⠿⠀⠈⠉⠉⠉⠉⢛⠛⠿⣿⣿⣇⠘⡇⣿⣿⣿⣷⢸⣿⣿⣿⣿⣿⡄⠀
⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⢸⡟⠋⠉⠉⠉⢁⣤⣍⣉⣍⡙⣿⣿⠟⣋⣭⣶⣶⣾⣿⣿⣿⣶⣶⣶⡄⢨⣑⠈⠻⢿⠂⢣⣿⣿⣿⡿⠈⣿⣿⣿⣿⣿⣧⠀
⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡇⡼⠃⣰⣾⣐⣁⣬⣤⡼⣿⣿⠃⣿⠣⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⠸⣿⣷⣤⣀⣀⣾⣿⣿⣿⠇⣥⣿⣿⣿⣿⣿⣿⡄
⣉⣛⠛⠛⠻⠿⠿⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠁⠟⠘⠛⠛⠛⢻⡟⢩⣴⠿⢃⣸⣿⣶⣶⣶⣦⣬⣭⣭⣭⣭⣍⣙⣛⠛⠟⠂⢿⣿⣿⣿⣿⣿⣿⣿⣿⡆⢻⣿⣿⣿⣿⣿⡟⠃
⣿⣿⡀⣿⣿⣿⣿⣶⣶⣶⣭⣭⣭⣉⣛⣛⠛⠋⠀⣾⣿⣿⣿⣿⣿⣿⢶⡶⠶⠚⣉⣭⣍⣉⣙⣛⣛⠛⠿⢿⣿⣿⣿⣿⣿⣿⣶⣶⣬⣭⣉⠻⠿⠻⢿⣿⣿⣄⡙⠛⣛⣛⡻⠃⣤
⣿⣿⡇⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠟⠛⠃⣋⣉⣉⣭⣤⣤⣤⣶⣶⣶⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣶⣦⣬⣭⣙⡛⠿⢿⣿⣿⣿⣿⣿⣷⣶⣤⣄⣉⣉⣉⣶⣬⡙⢡⣾⣿
⣿⣿⣆⡛⠿⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣤⣤⣤⣬⣭⣉⣛⠛⠻⠿⠿⣿⣿⣿⣏⡛⠛⠉⠛⠻⠿⢿⠿⠿⠛⢋⣉⡛⠿⣿⣿⣶⣤⣭⣙⠻⠿⣿⡿⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿
⠛⠿⠿⣿⣿⣦⡌⢻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣶⣶⣬⣍⡛⠻⠿⣿⣦⣤⣤⣤⣤⣤⣤⣄⡈⠀⠀⠀⠉⠙⠛⠻⠿⠿⣶⣶⣶⣶⣦⡭⠙⢻⣿⣿⣿⣿⣿⣿
⣿⣿⣶⣶⣶⣶⣶⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣶⣶⣤⡭⣙⡛⠿⢤⣤⣤⣶⣾⣿⣿⣿⣷⣶⣶⣶⣤⡍⣿⡿⠟⠩⣴⣾⣿⣿⣿⣿⣿⣿⣿-->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title> Welcome to Macrodata Refinement</title>
    <script src="filepath/to/splash.js"></script>
    <link rel="stylesheet" href="style.css">
    <link rel="icon" type="image/x-icon" href="lumon_drop.png"> <!-- icon for the website -->
   <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Oxanium:wght@200&display=swap" rel="stylesheet">
  </head>
<body>

  <link rel="stylesheet" href="style.css">

<style></style>


<div class="container">
  <header>
    <h1> Hi there, you on the table. I wonder if you’d mind taking a brief survey. <br>
5 questions. <br> I know you’re sleepy, but I just bet it will help you feel right as rain.</h1>
    <h4> Question Q-001 </h4>
    <p> currently under construction, im so busy i might just die </p>
  </header>
  <aside>
    <h2> </h2>
    <p></p>
     <!--<div class="flex-images"> ...... </div>-->
      <!-- <img src="buttons/" width=88px height=31px alt=""> -->
  
  </aside>
  <main>
    <h2 > </h2>
    <p> </p>
  </main>
</div>


  </body>
</html>