diff --git a/README.md b/README.md
index 462ab7d..badd6fe 100755
--- a/README.md
+++ b/README.md
@@ -6,6 +6,8 @@
 
 - THIS BOI IS BEING WORKED AT!!! IT'S COMING BABYYYY!!!
 
+- femboi supremacy UwU
+
 - [layer-8.moe](https://layer-8.moe/)
 
 > stay tuned
@@ -14,10 +16,11 @@
 
 ## roadmap<sub>(sorta)</sub> of shame
 
-- [ ] make css compatible with mobile devices
+- [x] make css compatible with mobile devices
 - [ ] write downloader to mask file paths
 - [ ] fix routing system to mask get parameters (possibly nginx config)
 - [ ] detail views for files of all types
+- [ ] add legal stuff
 - [ ] populate database
 - [ ] invite regina
 - [ ] get things up and running on vps 
diff --git a/project_files/bg-tiles-sprite.ase b/project_files/bg-tiles-sprite.ase
new file mode 100755
index 0000000..1e13c31
Binary files /dev/null and b/project_files/bg-tiles-sprite.ase differ
diff --git a/project_files/bg-tiles-sprite_4x.ase b/project_files/bg-tiles-sprite_4x.ase
new file mode 100755
index 0000000..d9be2d6
Binary files /dev/null and b/project_files/bg-tiles-sprite_4x.ase differ
diff --git a/public/about.php b/public/about.php
index 30355b4..58193be 100755
--- a/public/about.php
+++ b/public/about.php
@@ -2,17 +2,18 @@
 
 <div style='margin: auto; width: 85vw;'>
   <h2>I am a human. Treat me as such. I will reciprocate.</h2>
-  <div style='display: flex;'>
+  <div class='about_section'>
     <p>
-    This is a hunk of text about me and my website.<br>
-    Very fascinating indeed.<br><br>
+    This is a hunk of text about me and my website.<br><br>
     I endorse free and open software.<br><br>
     This site was created solely by human hands without the use of AI.<br>
-    You could call it 'organic', I guess.<br><br>
+    You could call it 'organic', I guess. <i>(Yeah, that is some pretentious hipster bs)</i><br><br>
     Also, documents are being dynamically built using php, relying on the resources of the server, so to say. 
     That means that the number of simultaneous visitors will be restricted. That way both visiting and running the site is kind of discouraged.<br>
     So, in turn, this site represents my personality traits in the '''real''' world. 
     (People of culture would call this 'edgy tsundere behavior', but what do they know...)<br><br>
+    No one knows who they really are.<br><br>
+    I strive to live in unity with the world and everyone around me. One does not need to employ mind-expanding substances to realise that. Mutual understanding and collaboratively openly working out our fears should suffice.<br><br>
     Let's all love Lain! &#10084;<br>
     - Dani
     </p>
diff --git a/public/resources/img/bg-tiles-sprite.gif b/public/resources/img/bg-tiles-sprite.gif
new file mode 100755
index 0000000..790a1cc
Binary files /dev/null and b/public/resources/img/bg-tiles-sprite.gif differ
diff --git a/public/resources/img/bg-tiles-sprite_4x.gif b/public/resources/img/bg-tiles-sprite_4x.gif
new file mode 100755
index 0000000..777ce29
Binary files /dev/null and b/public/resources/img/bg-tiles-sprite_4x.gif differ
diff --git a/public/resources/stylesheet.css b/public/resources/stylesheet.css
index 2176f68..9e65963 100755
--- a/public/resources/stylesheet.css
+++ b/public/resources/stylesheet.css
@@ -28,9 +28,12 @@
   font-family: 'sans';
   color: white;
   background-color: black;
+  background-image: url("./img/bg-tiles-sprite_4x.gif");
+  background-repeat: space round;
 }
 
 footer {
+  user-select: none;
   padding: 0.5rem;
   display: flex;
   align-items: center;
@@ -50,6 +53,7 @@ footer {
                0 11px 0 #17202A, 0 12px 0 #17202A;
   z-index: 999;
   padding-left: 4rem;
+  user-select: none;
 }
 
 .logo_gif {
@@ -64,6 +68,7 @@ footer {
   align-items: center;
   pointer-events: none;
   margin-bottom: -4rem;
+  user-select: none;
 }
 
 .logo_link {
@@ -71,6 +76,7 @@ footer {
 }
 
 .menu_bar {
+  user-select: none;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -160,6 +166,8 @@ footer {
   padding-left: 2rem;
   padding-bottom: 3rem;
   color: #FFF;
+  pointer-events: none;
+  user-select: none;
 }
 
 .blinky_cursor {
@@ -202,12 +210,21 @@ form > label {
   width: 30%;
 }
 
+.about_section {
+  display: flex;
+}
+
+.about_section p {
+  width: 60%;
+  padding: 3rem;
+}
+
 
 @viewport {
     width: device-width;
 }
 
-@media only screen and (max-width: 600px) {
+@media only screen and (max-width: 900px) {
   footer {
     padding: 0.1rem;
     display: flex;
@@ -284,5 +301,21 @@ form > label {
     padding-left: 0rem;
     padding-bottom: 1rem;
     color: #FFF;
+    pointer-events: none;
+    user-select: none;
+  }
+  
+  .about_section {
+    display: flex;
+    flex-direction: column-reverse;
+  }
+  
+  .about_section p {
+    width: 80%;
+    padding: 0rem;
+  }
+  
+  .about_section img {
+    margin: 0rem;
   }
 }
\ No newline at end of file