boop beep

5 files changed, 114 insertions, 48 deletions

diff --git a/web/index.php b/web/index.php
index ee7e333..aa83cbd 100644
--- a/web/index.php
+++ b/web/index.php
@@ -1,17 +1,11 @@
 <?php
-require __DIR__ . '/minecraft.php';
 /*
 ini_set('display_errors', '1');
 ini_set('display_startup_errors', '1');
 error_reporting(E_ALL);
 */
-function var_dump_pre($mixed = null) {
-  echo '<pre>';
-  var_dump($mixed);
-  echo '</pre>';
-  return null;
-}
 
+require __DIR__ . '/minecraft.php';
 function query_source_server($ip = null, $port = null) {
 	// https://stackoverflow.com/questions/33454035/counter-strike-go-server-query
 
@@ -89,58 +83,106 @@ function query_minecraft_server($ip = null, $port = null) {
 }
 
 function generate_status_div($server = null, $demos = true) {
-
 	echo "<div class=\"statusbox\">\n";
-	echo "<H5>" . $server['name'] . "</H5>\n";
-	echo "<H6>" . $server['ip'] . ":" . $server['port'] . "</H6>\n";
-	echo "<hr/>\n";
+	echo "<H4>" . $server['name'] . "</H4>\n";
+	echo "<H4>" . $server['ip'] . ":" . $server['port'] . "</H4>\n";
 	echo $server['description'] . "\n\n";
 	echo $server['map'] . "\n";
 	echo "Players: " . $server['players'] . "/" . ($server['playersmax'] - 1) . "\n";
 	echo "Bots: " . $server['bots'] . "\n\n";
-	echo "<hr/>\n";
   if( $demos == true )
     echo "<a href=\"steam://connect/" . $server['ip'] . ":" . $server['port']."\">CONNECT</a>&nbsp;&nbsp;<a href='/demos_css/'>DEMOS</a>";
   else
     echo "<a href=\"steam://connect/" . $server['ip'] . ":" . $server['port']."\">CONNECT</a>";
 
+  echo "<hr>";
 	echo "</div>\n";
 }
 
 function generate_mc_status_div($server = null) {
 
 	echo "<div class=\"statusbox\">\n";
-	echo "<H5>~~~ networkheaven.net ~~~</H5>\n";
-	echo "<H6>minecraft</H6>\n";
-	echo "<H6>" . $server['ip'] . ":" . $server['port'] . "</H6>\n";
-	echo "<hr/>\n";
+	echo "<H4>~~~ networkheaven.net ~~~</H4>\n";
+	echo "<H4>" . $server['ip'] . ":" . $server['port'] . "</H4>\n";
+	echo "minecraft\n\n";
 	echo "Players: " . $server['players'] . "/" . ($server['playersmax']) . "\n";
 	echo "Version: " . $server['version'] . "\n";
 	echo "Software: " . $server['software'] . "\n\n";
-	echo "<hr/>\n";
-
+  echo "<hr>";
 	echo "</div>\n";
 }
+?>
 
 
-// ok we are running stuff thats crasy $$$$
+<?php
+  echo file_get_contents("static_elements/h.html");
+?>
 
-	echo file_get_contents("static_elements/h.html"); // Header
+<div style="margin: 0 auto; width: 820px; height: 880px; border: 1px solid #000000; background-color: #808080;">
+  <h1 style="height:48px">
+    NETWORKHEAVEN.NET
+  </h1>
+  <hr style="margin: 0"/>
+
+  <div style="float: left; width: 200px; height: 785px; border-right: 1px solid #5B5B66; background-color: #808080; margin: 0 auto; padding: 0">
+    <?php
+      $serverdata = query_source_server("45.33.90.90", "27015");
+      if( $serverdata['playersmax'] > 0 )
+        generate_status_div($serverdata);
+      $serverdata = query_source_server("107.192.200.138", "27015");
+      if( $serverdata['playersmax'] > 0 )
+        generate_status_div($serverdata, false);
+      $serverdata = query_source_server("107.192.200.138", "27016");
+      if( $serverdata['playersmax'] > 0 )
+        generate_status_div($serverdata, false);
+      $serverdata = query_minecraft_server("45.33.90.90", "25565");
+      if( $serverdata['playersmax'] > 0 )
+        generate_mc_status_div($serverdata);
+    ?>
+  </div>
+  <div style="float: left; width: 570px; background-color: #808080; padding-left: 30px; margin-top: 20px;">
+    <h3>we want to provide an oldschool hassle-free gaming experience</h3>
+    <h3>our servers run minimal plugins developed by our own team, aiming only to smooth out vanilla gameplay</h3>
+    <pre style="display:block; text-align: center">⣿⣿⣿⣿⣿⣿⣿⣿⣶⣤⣄⡀⠀⢿⡿⣁⠀⢆⡘⠤⡘⠠⢰⠃⡄⠂⠄⠀⠀⠀⠀⡀⡆⠌⢄⠀⠀⢠⡇⠂⡌⠄⠀⠀⠀⠀⠀⠀⠡⣖⠀⢃⠸⠀⠸⣟⡄⠘⡽⡜⡄⠀⠀⠀⠈⠦⠀⠀⠀⠸
+⣿⣿⣿⣿⣿⣿⡿⠁⠈⢻⡝⣟⣷⡿⢁⠤⢀⠢⢌⠰⡀⠂⡟⠠⡄⠈⠀⠀⣀⠤⠐⣰⠌⡈⢄⠂⡡⣺⠄⡇⠰⠈⡄⢃⠰⢀⠰⢀⠂⢽⠂⢼⠐⡠⠄⣿⡼⡀⠱⢹⡰⠀⠀⠀⠀⠀⣆⠀⠀⠀
+⣿⣿⣿⣿⣿⣿⠁⢄⠠⢀⣹⣞⡿⢁⢊⠰⢀⠎⡐⢂⠁⢳⠋⠴⠁⠀⣠⠞⡠⢁⣺⡇⠤⢁⠢⠘⢠⡿⢰⡏⠄⢃⡐⢈⠰⢈⠰⢸⠌⣸⠌⢺⡐⠤⢈⣽⣧⢩⡄⢉⢧⠡⠉⡍⠒⠤⣸⡀⠀⠀
+⣿⣿⣿⣿⣿⣿⠩⡐⠌⢿⡯⣿⠇⡌⠢⢡⠈⡔⠈⠂⠃⢾⢈⠒⠀⡴⢁⡾⠑⣸⢻⢀⠒⢠⠂⡉⢼⡇⢸⡇⠌⠄⡄⢃⠰⢈⠰⠸⡂⢼⢈⢹⠆⠰⢸⢿⠸⡆⢷⢈⠸⣄⠃⠤⢉⡐⠨⣧⠀⡀
+⣿⣿⣿⣿⣿⣿⡟⣿⣻⢾⡷⣿⠐⡄⢃⠆⠈⠐⠁⠀⠀⣾⠸⠀⢀⡇⣼⠇⢡⡏⣇⠢⠘⡀⠆⢡⡎⡇⢺⣇⠘⢠⠐⠨⡐⢂⠢⢡⡇⠾⢈⢸⡃⡘⢼⢸⠀⢻⠈⣇⠌⣷⢈⡐⠂⠤⢱⢿⠀⠔
+⣿⣿⣿⣿⣿⣿⣯⡚⢧⡻⣽⡏⠰⡈⢄⠈⠀⡀⠀⠀⠀⣿⢸⢀⢂⢸⡟⡈⢼⢳⠁⢂⡁⠆⡑⢺⢱⡇⣼⢿⠈⠄⡈⠡⢐⠠⢁⢺⡄⡟⡀⢺⢁⡴⡿⢸⢄⠈⡇⢺⡆⢸⡆⠤⢉⠰⢐⣸⠈⠔
+⣿⣿⣿⣿⣿⣿⣿⣷⠁⢿⣹⡇⠡⠌⠀⠀⠀⠀⠀⠀⢀⡿⣸⠀⢂⣿⢃⠐⡞⡼⢈⣄⣐⣤⡴⡯⢼⠴⡿⢼⠾⠶⠶⠶⣤⠂⠌⣹⢰⡇⡐⡏⢸⢡⡇⡽⡀⠑⢳⠐⣷⠀⢿⡇⠌⡐⠂⡽⢈⡐
+⣿⣿⣿⣿⣿⣿⣿⡏⠠⣄⣿⠄⠀⠀⠀⠀⠀⡅⠀⠠⢠⡟⣧⠈⣰⣿⠀⣼⠴⡗⢉⠉⡐⢠⢷⠃⢸⢠⠃⢸⣿⠀⢀⠂⢸⠀⢂⡏⣼⠁⣸⠁⡏⡜⡇⡧⠬⣴⣼⣀⢿⢇⢸⣹⠀⠀⡁⠇⡃⠄
+⣿⣿⣿⣿⣿⣿⣿⣇⡷⠊⢸⠀⠀⠀⢠⣦⣄⠇⡈⢁⠆⣿⣧⠐⣽⡇⠐⣾⢰⡇⢂⠡⢈⡏⡞⠀⡼⣸⠀⠀⣿⠀⠀⠂⣏⠐⢸⢡⡟⢀⡏⣼⢱⠁⣧⠁⠀⠀⠈⡟⣻⠺⣤⣿⡆⠐⠀⡇⠄⡈
+⣿⣿⣿⣿⣿⣿⣿⣿⣄⠂⣿⠀⠀⢠⠃⢿⣣⠐⠠⠌⠠⣿⣿⠀⢿⠃⢌⣿⠸⡇⢀⢂⡼⡼⠀⢀⢧⡯⠄⡀⣿⠀⠌⢰⡇⠈⣼⡿⠁⡞⣸⢇⠇⢰⡟⠀⠀⠀⠈⡇⡝⠀⢇⡟⡧⣄⠂⡇⠀⢰
+⣿⣿⣿⣿⣿⡿⢭⢿⣿⣶⣻⡆⠀⡏⠠⠸⡽⣏⠐⡈⡐⢿⣻⡠⣿⠈⢸⡍⣆⣧⣾⣾⣿⣿⣶⣾⣾⣆⠄⠀⣿⡆⠀⣸⠁⣸⡿⢁⡞⡕⡹⡌⠀⣼⢁⠤⠤⢀⣀⡇⡇⠀⠸⣼⡇⠀⠑⣷⠈⣸
+⣿⣿⣿⣿⣿⡹⢎⣗⡻⣿⣷⣇⠘⣇⠄⡁⢻⣽⡆⠡⠠⢹⣿⡓⣿⣴⣿⣿⣿⣿⡿⣟⣿⢫⣟⣏⠉⠙⠛⠶⣿⢿⠀⡞⢀⡟⢡⣾⠊⣰⠟⠀⣼⠃⣐⣤⣴⣦⣤⣧⣇⣠⠀⣿⡇⠀⡁⡏⠀⡿
+⣿⣿⣿⡟⣧⣛⡭⢶⡙⣿⢻⣿⡄⢻⡔⠠⡈⢧⢿⡆⢡⠈⢿⣇⣷⣿⡿⠛⣯⢽⡳⢧⡞⠀⠀⣽⡀⠀⠀⠀⠛⠘⠻⢣⣞⣴⠟⠁⠠⠏⠀⠐⠁⢸⣿⢿⣟⠿⣿⡿⣿⣷⣤⣸⡂⠀⢸⠃⢰⠇
+⣿⣿⡿⣹⣧⡓⢾⢷⡟⢸⣯⢹⣷⡌⢻⣄⠱⣌⠳⣿⣦⠲⠾⣿⣿⣿⠁⠈⣟⠊⢿⡧⢿⠃⡜⣸⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣏⣟⡑⢀⡻⡴⢷⠈⠻⣿⣿⣟⠋⡟⢀⡎⠄
+⣿⣿⠳⣽⠲⣝⡿⢸⡇⣸⠙⣷⢺⣿⣧⡻⣷⣌⢢⡙⢽⣷⣤⠘⢧⠙⢦⡀⢻⡌⠀⢠⢁⠒⢯⡀⠀⠀⠀⠀⠀⡀⠀⢀⠀⢀⠀⠀⠀⠀⠀⠀⠀⡏⣷⣹⡏⠵⡙⣺⠀⠀⠸⣿⣿⣾⢁⡾⠀⣲
+⣿⢫⡝⣾⢹⣾⢃⢹⡇⢼⠂⣿⣹⠋⢉⡿⣾⣿⣷⣌⠲⣽⢿⣿⣮⣷⣀⠈⠀⠙⠗⠒⠚⡋⠉⠀⠀⠀⠀⣺⠂⠀⠀⢀⠀⠠⠐⣀⡀⠂⠀⠀⠀⢷⢈⠩⠀⡡⠲⠏⠀⠀⣸⢟⣽⣫⡟⢁⣴⢏
+⣏⢷⣙⣮⠟⡐⠢⢼⡇⢸⡿⢧⣟⠀⡇⡄⣤⢩⢿⣛⢷⣤⣭⣛⢿⣮⠉⠳⠦⣤⠁⠁⡡⢈⢄⠡⠅⡆⠂⠀⠀⡈⠀⢈⡠⠆⠨⢀⠀⠀⠀⠄⠐⠈⠙⡲⢷⡼⡆⠀⠄⡐⠁⣿⣿⣋⣴⣾⢋⣾
+⣞⢺⣼⠏⡐⠌⡁⣿⡇⢸⡇⠼⣿⠀⢷⠀⢹⡆⣿⡉⠚⠶⣭⣻⣿⡟⠢⢄⢤⢇⡀⡅⠦⠠⡴⠀⠀⠐⢐⠀⠆⠃⠄⠖⠉⠂⠅⠊⠁⢒⠄⠐⣀⠀⠂⠉⣀⠁⡄⠁⠈⠐⢸⣿⢫⣿⡳⣵⡿⢿
+⣎⡿⢼⠂⡅⢊⠔⣿⣵⢺⡏⠄⣿⣧⡈⠓⢌⠷⢾⡇⢁⠢⢀⢹⠑⣷⠈⡠⠏⠤⠨⣁⢃⠕⠋⡫⢗⠉⠈⡂⠁⠀⢂⠐⢁⠣⠀⠁⠀⠘⠒⠥⠴⢄⢀⠐⠁⠀⠐⠀⠀⠈⡿⣬⡿⢣⡓⣸⣇⢻
+⣾⣃⡯⢼⣀⠣⣈⣿⡽⣺⠛⢠⠹⡻⣿⣦⡀⠑⠪⣇⠂⠔⡈⡾⠊⣿⠎⠵⠃⡓⠀⡀⠉⠄⠆⠁⠉⠀⠈⠡⠂⠀⠀⡀⢈⣀⠊⣡⠂⠀⡐⠛⠊⢁⠰⠖⠃⠀⠁⢀⡀⢰⠟⡞⠡⢠⢰⣿⠸⣸
+⣿⣿⣳⢯⣿⣿⣿⣷⣽⣹⡇⠌⣷⢳⢋⠻⢿⣦⣀⡟⡀⠊⢰⡇⠂⣿⡇⠠⠁⠀⠁⠀⡐⠀⠀⠀⠀⠀⠀⠀⠀⠀⡠⡔⠁⠀⠉⠢⢀⠀⠀⠀⠀⠈⠈⠁⢀⠠⠊⠀⠈⢺⡞⠠⢁⢂⣯⡏⠵⡘
+⣿⣿⡜⣿⣿⣿⣿⣿⢾⣻⣧⡂⢹⣏⣿⡄⠌⢻⣿⣧⠀⠡⣸⠠⠁⣾⡇⠀⠀⠀⠀⠀⠈⠀⠀⠀⠀⠀⢀⡠⠐⠁⠀⠀⠀⠀⠀⠀⠀⠉⠫⣦⠀⠀⢀⠔⠁⠀⠀⠀⡀⠀⠙⢦⢁⡞⣼⡙⢦⠑
+⣿⣿⡽⣹⣿⣿⣿⣿⡯⣷⣯⢿⣄⠻⣜⣷⡈⠄⢻⣷⠈⢠⡗⠠⠁⣿⢸⣄⠀⠀⠀⠀⠀⠀⢀⡔⠊⠉⠀⠀⠀⠀⠀⠀⡰⠂⠤⣀⠀⠀⢀⣃⠀⣰⠁⠀⠀⡴⢴⣧⠀⡀⠀⠀⠙⢦⡏⡝⢢⠌
+⡿⣿⣿⣽⣿⢿⣿⣿⡷⣣⢿⣯⣻⢷⣽⢞⣿⡄⠂⣿⠀⣸⠃⠠⢁⣷⠸⡇⠑⢤⡀⠀⣠⠞⠁⠀⠀⠀⠀⠀⠀⣀⠔⠀⠀⠀⠀⠈⢧⡀⢿⣿⣾⡿⠁⡠⢊⣴⣿⢸⡷⣄⣐⠀⢀⠄⠙⠓⠧⣌
+⣿⣷⣿⣿⣿⣿⣿⣿⡿⣵⢫⣷⣏⣟⣾⣻⣾⣿⣆⢿⠀⡿⠀⠀⠂⣼⠐⣿⡀⢀⡼⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠒⢄⡀⠀⠀⠀⠀⠑⠮⠿⠛⠒⢈⣴⣿⣿⡏⡾⢁⠈⣿⠖⠁⠀⠀⠀⠀⠀
+⣿⣿⣿⣿⣿⣿⣿⣿⣿⣳⣿⣿⣿⣯⣟⣷⢯⣿⣿⣿⢰⠃⠀⠀⠐⢸⠀⣻⠟⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠲⠄⡀⠀⠀⠀⢀⣠⣾⣿⣿⣿⣿⣃⠇⢂⢡⠏⠀⠀⠀⠀⢀⠀⠀
+⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣞⢾⡻⢷⣯⣿⣼⠀⠀⠀⢀⡼⠞⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠲⣤⣀⡀⠀⠀⠀⠀⠈⠢⣤⣾⣿⣿⣿⣿⣿⣿⣿⢸⠠⡱⠃⠀⠀⠀⣠⣶⠋⠀⠀
+⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⢾⣽⣯⣞⣽⡟⠀⣠⠔⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠙⠿⣷⣤⡀⠀⠀⠀⠀⠙⢿⣿⣿⣿⣿⣷⣿⢀⡜⠁⠀⠀⣠⡞⡱⠁⠀⠀⠀
+⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⢯⢿⣿⣿⣿⣧⠞⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠐⠠⢀⠀⠀⠀⠀⠀⠀⠙⢿⣷⣄⡀⠀⠀⠀⠹⢿⣿⣿⣿⣿⡼⠀⠀⢀⣾⣿⡟⠀⠀⠀⠀⠀
+⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡻⣞⢾⡹⡿⠀⠀⠀⢀⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠂⢄⡀⠀⠀⣠⣿⣿⣿⣿⣦⣄⠀⠀⠀⠻⣿⣿⡟⢀⠀⣡⠂⢺⣿⡣⢀⢀⠄⠀⠀
+⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣯⣝⣾⣿⣧⢶⡶⣿⢿⣿⣦⣤⣀⣀⣀⣤⣀⣴⣶⣤⣤⣄⡀⠀⠀⢀⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⣄⠀⢠⣾⣿⣾⡷⣰⠉⡆⣹⣿⣿⣶⣿⣆⡀⢀
+⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡞⣯⢷⣏⡿⣽⣻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣶⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⣦⣽⣿⡿⠕⠉⢆⢱⢸⣿⣿⣿⣿⣿⣿⣿
+⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣟⡽⣾⣹⡞⣷⡽⣞⡽⣯⢿⣹⢯⣿⣿⣿⣿⣯⣿⡿⣿⣿⣿⣿⣿⣻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡀⠀⠀⢪⢿⣿⣿⣿⣿⣿⣿⣿
+⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣯⡽⣶⢯⡽⣞⣳⢯⡽⣞⣯⣽⢫⣿⡟⣿⣻⢿⡽⣿⣿⣿⣿⣻⣽⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⡈⠀⠀⠹⣿⣿⣿⣿⣿⣿⣿
+⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣯⢷⣛⡾⣽⣹⡽⢾⣹⠷⣞⣞⠿⣼⣿⡘⣯⣾⣿⢿⣹⢯⣟⡿⣿⢿⣾⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣄⠀⠀⠈⠻⣿⣿⣿⣿⣿</pre>
+    <h3>we hope you enjoy your stay and have fun!</h3> 
+  </div>
+</div>
 
-//	only server at the moment
-	$server1data = query_source_server("45.33.90.90", "27015");
-  if( $server1data['playersmax'] > 0 )
-    generate_status_div($server1data);
-	$server1data = query_source_server("107.192.200.138", "27015");
-  if( $server1data['playersmax'] > 0 )
-    generate_status_div($server1data, false);
-  	$server1data = query_source_server("107.192.200.138", "27016");
-  if( $server1data['playersmax'] > 0 )
-    generate_status_div($server1data, false);
-	$mcserverdata = query_minecraft_server("45.33.90.90", "25565");
-	if ($mcserverdata['result_valid'] == true) {
-		generate_mc_status_div($mcserverdata);
-	}
 
-	echo file_get_contents("static_elements/f.html"); // Footer
-?>
+<?php
+  echo file_get_contents("static_elements/f.html");
+?>
\ No newline at end of file
diff --git a/web/static_elements/h.html b/web/static_elements/h.html
index 2169ce5..5ca6896 100644
--- a/web/static_elements/h.html
+++ b/web/static_elements/h.html
@@ -7,4 +7,3 @@
 </head>
 
 <body>
-<H1>NETWORKHEAVEN.NET</H1>
diff --git a/web/static_elements/px437_12.ttf b/web/static_elements/px437_12.ttf
new file mode 100644
index 0000000..f5ef3a3
--- /dev/null
+++ b/web/static_elements/px437_12.ttf
diff --git a/web/static_elements/px437_16.ttf b/web/static_elements/px437_16.ttf
new file mode 100644
index 0000000..84db77b
--- /dev/null
+++ b/web/static_elements/px437_16.ttf
diff --git a/web/style.css b/web/style.css
index a9eba1c..ce719f0 100644
--- a/web/style.css
+++ b/web/style.css
@@ -1,3 +1,13 @@
+@font-face {
+  font-family: "Px437 DOS/V re. JPN12";
+  src: url("static_elements/px437_12.ttf");
+}
+
+@font-face {
+  font-family: "Px437 DOS/V re. JPN16";
+  src: url("static_elements/px437_16.ttf");
+}
+
 body {
 	background-image: linear-gradient(to right, purple , #008F8F);
 	background-attachment: fixed; 
@@ -6,38 +16,53 @@ body {
 	-webkit-font-smoothing : none;
 } 
 
-h1, h2, h3, h4 {
+h1 {
 	text-align: center;
-	font-family: "Lucida Console", monospace;
+	font-family: "Px437 DOS/V re. JPN16", monospace;
 	color: white;
+  font-size: 32px;
 }
 
-h5, h6 {
+h3 {
 	text-align: center;
-	font-family: "Lucida Console", monospace;
+	font-family: "Px437 DOS/V re. JPN16", monospace;
+  font-size: 16px;
+	color: white;
+	margin: 0%;
+}
+
+h4 {
+  text-align: center;
+	font-family: "Px437 DOS/V re. JPN12", monospace;
+  font-size: 12px;
 	color: white;
 	margin: 0%;
 }
 
+pre {
+  font-family: monospace;
+  font-size: 12px;
+  color: white;
+}
+
 a {
-	background: -webkit-linear-gradient(#FF00FF, #00FFFF);
+	background: linear-gradient(to right, #FF00FF, #00FFFF);
 	-webkit-background-clip: text;
 	-webkit-text-fill-color: transparent;
 	text-decoration:none;
 	font-weight: bold;
+  font-size: 16px;
+  font-family: "Px437 DOS/V re. JPN16", monospace;
 }
 
 .statusbox {
-	font-family: "Monaco", monospace;
-	font-size: 14px;
+	font-family: monospace;
+	font-size: 10px;
 	text-align: center;
 	color: white;
-	border: 1px solid white;
-	margin: 1%;
-	padding: 20px;
+	/*border: 1px solid white;*/
 	display: table;
 	margin-right: auto;
 	margin-left: auto;
 	white-space: pre-wrap;
-	background: #2F2F2F;
 }