diff --git a/bemoe.online/background.gif b/bemoe.online/background.gif
deleted file mode 100644
index 300e70a..0000000
Binary files a/bemoe.online/background.gif and /dev/null differ
diff --git a/bemoe.online/background.jpg b/bemoe.online/background.jpg
new file mode 100755
index 0000000..9a93189
Binary files /dev/null and b/bemoe.online/background.jpg differ
diff --git a/bemoe.online/canvass.css b/bemoe.online/canvass.css
new file mode 100644
index 0000000..58a92f4
--- /dev/null
+++ b/bemoe.online/canvass.css
@@ -0,0 +1,68 @@
+html {
+   display: block;
+}
+
+body {
+   font-family: sans-serif;
+   font-style: normal;
+   color: #036;
+   display: block;
+   margin: 8px;
+   background-color: white;
+   background-image: url("background.jpg");
+   background-repeat: no-repeat;
+   background-attachment: fixed;
+   background-position: bottom;
+   background-size: contain;
+}
+
+p {
+   font-family: sans-serif;
+   font-style: normal;
+   font-size: normal;
+}
+
+.fig {
+   font-family: Monospace;
+   font-size: 5pt;
+   color: blue;
+}
+
+h1 {
+   text-align: left;
+   font-size: 3em;
+   text-shadow: 2px 2px #f00;
+}
+
+h2 {
+   text-align: left;
+   font-size: 1.5em;
+   margin-left: -2em;
+   text-shadow: 1px 1px #ccc;
+}
+
+div {
+   margin: auto;
+   display: block;
+   font-family: 'Source Code Pro', Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace;
+}
+
+div.content {
+   margin: auto;
+   font-family: 'Source Code Pro', Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace;
+   text-align: justify;
+   max-width: 800px;
+}
+
+a {
+   text-decoration: none;
+   color: darkcyan;
+   font-weight: bold;
+}
+
+marquee {
+   font-family: monospace;
+   font-style: bold;
+   font-size: .5em;
+   background-color: pink;
+}
diff --git a/bemoe.online/index.html b/bemoe.online/index.html
index aec28df..072bd4c 100644
--- a/bemoe.online/index.html
+++ b/bemoe.online/index.html
@@ -1,49 +1,34 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-	<meta charset="UTF-8">
+   <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>be 萌え online</title>
-   <link rel="stylesheet" type="text/css" href="style.css">
+   <link rel="stylesheet" type="text/css" href="canvass.css">
 </head>
 <body>
-   <!-- Quotes (only one for now because I am to lazy to do js) -->
+   <!-- marquee because i can. bite me -->
    <marquee class="quotes" behavior="scroll" direction="left"><pre class="fig">
- _______  _______    __   __  _______  _______    _______  __    _  ___      ___   __    _  _______
-|  _    ||       |  |  |_|  ||       ||       |  |       ||  |  | ||   |    |   | |  |  | ||       |
-| |_|   ||    ___|  |       ||   _   ||    ___|  |   _   ||   |_| ||   |    |   | |   |_| ||    ___|
-|       ||   |___   |       ||  | |  ||   |___   |  | |  ||       ||   |    |   | |       ||   |___
-|  _   | |    ___|  |       ||  |_|  ||    ___|  |  |_|  ||  _    ||   |___ |   | |  _    ||    ___|
-| |_|   ||   |___   | ||_|| ||       ||   |___   |       || | |   ||       ||   | | | |   ||   |___
-|_______||_______|  |_|   |_||_______||_______|  |_______||_|  |__||_______||___| |_|  |__||_______|
+        _______  _______    __   __  _______  _______    _______  __    _  ___      ___   __    _  _______
+       |  _    ||       |  |  |_|  ||       ||       |  |       ||  |  | ||   |    |   | |  |  | ||       |
+       | |_|   ||    ___|  |       ||   _   ||    ___|  |   _   ||   |_| ||   |    |   | |   |_| ||    ___|
+       |       ||   |___   |       ||  | |  ||   |___   |  | |  ||       ||   |    |   | |       ||   |___
+       |  _   | |    ___|  |       ||  |_|  ||    ___|  |  |_|  ||  _    ||   |___ |   | |  _    ||    ___|
+       | |_|   ||   |___   | ||_|| ||       ||   |___   |       || | |   ||       ||   | | | |   ||   |___
+       |_______||_______|  |_|   |_||_______||_______|  |_______||_|  |__||_______||___| |_|  |__||_______|
    </pre></marquee>
    <div>
-			  <h1>「bemoe.online」ようこそ！</h1>
-</div>
+      <h1>「bemoe.online」ようこそ！</h1>
+   </div>
    <div class="content">
-
-        <!-- PGP-Keys -->
-        <!--
-        <h2>
-            PGP keys:
-        </h2>
-        <p>
-            murabito@bemoe.online <a href="./murabito.asc">00DB A1E8 22F8 1E3E</a>
-        </p>
-	-->
-        <!-- End PGP-Keys -->
-        <!-- Servicelist -->
-        <h2>
-	   on my domain:
-        </h2>
-        <p>
-	<strong>blog: </strong> <a href="https://blog.bemoe.online/">blog.bemoe.online</a>
-        </p>
-        <p>
-	<strong>fedi instance: </strong> <a href="https://lets.bemoe.online/">lets.bemoe.online (lbmo)</a>
-        </p>
-        <!-- End Servicelist -->
-    </div>
+      <!-- Servicelist -->
+      <h2>on my domain:</h2>
+      <p><strong>blog: </strong> <a href="https://blog.bemoe.online/">blog.bemoe.online</a></p>
+      <p><strong>fedi instance: </strong> <a href="https://lets.bemoe.online/">lets.bemoe.online (lbmo)</a></p>
+      <!-- End Servicelist -->
+      <br /><br /><br />
+      <p><strong><em>more to come... probably</em></strong></p>
+   </div>
 </body>
 </html>
diff --git a/bemoe.online/style.css b/bemoe.online/style.css
deleted file mode 100644
index 0be2971..0000000
--- a/bemoe.online/style.css
+++ /dev/null
@@ -1,61 +0,0 @@
-html {
-    display: block;
-}
-
-body {
-font-family: sans-serif;
-    font-style: normal;
-/*    font-weight: 200;*/
-    color: whitesmoke;
-
-    display: block;
-    margin: 8px;
-
-    background-image: url("background.gif");
-    background-size: cover;
-}
-
-p {
-    font-family: monospace;
-    font-style: normal;
-    font-size: normal;
-}
-
-.fig {
-	font-family: Monospace;
-	font-size: 5pt;
-	/*color: blue;*/
-
-}
-
-h1 {
-   text-align: center;
-   font-size: 3em;
-   }
-
-div {
-    margin: auto;
-    display: block;
-	font-family: 'Source Code Pro', Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace;
-}
-
-div.content {
-    margin: auto;
-	font-family: 'Source Code Pro', Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace;
-	text-align: justify;
-    max-width: 800px;
-
-/*    background-color: black;*/
-}
-
-a {
-    text-decoration: none;
-    color: lightcyan;
-    font-weight: bold;
-}
-
-marquee {
-    font-family: monospace;
-    font-style: bold;
-    font-size: .5em;
-}
