From e3d4063b38a2221781c6058fb75f6bc628e21571 Mon Sep 17 00:00:00 2001
From: neko <neko@mikoto.local>
Date: Sat, 10 Apr 2021 00:29:23 +0200
Subject: [PATCH] add media query for small screens

---
 assets/css/custom.css | 27 ++++++++++++++++++++++++++-
 1 file changed, 26 insertions(+), 1 deletion(-)

diff --git a/assets/css/custom.css b/assets/css/custom.css
index 3982291..e1b3cf0 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -155,4 +155,29 @@ footer {
 	padding-top:20px;
 	padding-left: 20px;
 	padding-right: 20px;
-}
\ No newline at end of file
+}
+
+
+@media screen and (max-width: 780px) {
+	.screen {
+		position: unset !important;
+		width: 100% !important;
+	}
+	.screen-image { display: none; }
+	.screen-content { 
+		position: unset !important; 
+		top: 0px !important; 
+		left: 0px !important;
+		width: auto !important;
+		
+	}
+	.headline, .title, .meta, .content, nav, nav a {
+		font-size: 0.5rem; 
+	}
+	h1, h2, h3, h4, h5, h6 {
+		font-size: 0.8rem !important;
+	}
+	.crt-flicker, .crt-scanlines { 
+		display: none !important; 
+	}
+}