1 files changed, 11 insertions, 5 deletions

diff --git a/src/lib.rs b/src/lib.rs
index f4a44ac..afecfae 100644
--- a/src/lib.rs
+++ b/src/lib.rs
@@ -77,7 +77,7 @@ async fn fetch(req: Request, env: Env, _ctx: Context) -> Result<Response> {
         })
         .get("/", |_, _| {
             bone("home", "ataxia.moe: like i heard a transmission from Apollo 13", html! {
-                p style="padding: 1vw" {
+                p class="oth" {
                     "No. Stop." br; br; "Check out "
                     a href="/shitpit" { "the shitpit" }
                     " in the meantime."
@@ -86,7 +86,7 @@ async fn fetch(req: Request, env: Env, _ctx: Context) -> Result<Response> {
         })
         .get("/about", |_, _| {
             bone("about", "And they completely goddamn disrespected me! Little idiots! Idiots!!", html! {
-                p style="padding: 1vw" {
+                p class="oth" {
                     "Ataxia is a nervous system dysfunction consisting of poor coördination of muscle movements such as gait abnormalities, slurring of speech, and eye movement issues."
                     br; br;
                     "Hosted on "
@@ -104,7 +104,7 @@ async fn fetch(req: Request, env: Env, _ctx: Context) -> Result<Response> {
                 "/index.html" => Response::redirect(req.url()?.join("/")?),
                 "/journal" | "/diary" => Response::redirect(req.url()?.join("shitpit")?),
                 _ => Ok(bone("", "404 Not Found", html! {
-                    p style="padding: 1vw" { "what?" }
+                    p class="oth" { "what?" }
                 })?.with_status(404)),
             }
         })
@@ -143,8 +143,13 @@ body {
   background-color: #eee;
 }
 
-p, a.sec, pre {
-  padding: 0 3vw;
+@media only screen and (max-width: 799px) {
+  p, a.sec, pre {
+    padding: 0 3vw;
+  }
+  .remark, .nav, .oth {
+    padding: 0 3vw;
+  }
 }
 @media only screen and (min-width: 800px) {
 
@@ -155,6 +160,7 @@ p, a.sec, pre {
     align-items: center;
     justify-content: center;*/
   }
+  .oth { padding: 0 1vw; }
 }
 pre {
   font-size: 14pt;