From 18949f07f2a25ae027c56d30aec2423ec5754697 Mon Sep 17 00:00:00 2001
From: Felix Keller <felix.keller@fachschaft.informatik.tu-darmstadt.de>
Date: Wed, 2 Oct 2024 22:27:20 +0200
Subject: [PATCH] Added default font size for better legibility and appended
 README. Be sure to reread the README since modification in OBS is necessary.

---
 README.md     | 37 ++++++++++++++++++++++++++++++++++++-
 css/style.css |  5 +++--
 2 files changed, 39 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index 9f467be..41334cf 100644
--- a/README.md
+++ b/README.md
@@ -4,5 +4,40 @@ Nützlich für Stream Overlay.
 
 ## Benutzung
 Als Browser Quelle im Streaming Programm der Wahl einbinden und Größe
-einstellen.
+einstellen.  
+Fragen Box wächst nach oben auf maximale Größe und schneidet bei erreichen
+den Text ab.  
+Fragen Box erscheint erst nach erfolgreichem fetchen der aktellen frage in
+`getQuestion()`.
+
+### Empfohlene OBS Einstellungen
+Bei Größe: 1920x1080
+
+| Einstellung                      | Wert |
+| -------------------------------- | ---- |
+| Width                            | 1920 |
+| Height                           | 200  |
+| Shutdown source when not visible | true |
+
+#### Empfohlenes custom CSS für OBS
+```css
+body {
+    background-color: rgba(0, 0, 0, 0);
+    margin: 0px auto;
+    overflow: hidden;
+    /* size
+        default-wert: 100%
+        modifiziert die allgemeine Größe.
+        je höher desto größer
+    */
+    size: 100%;
+    /* font
+        default-wert: sans;
+        ändert die Schriftart.
+        Achtung:
+        Eine andere Schriftart kann zur Änderung der Größe führen.
+    */
+    font: sans;
+}
+```
 
diff --git a/css/style.css b/css/style.css
index 4ec9154..55ee248 100644
--- a/css/style.css
+++ b/css/style.css
@@ -5,11 +5,11 @@ body {
 #questionBox {
   position: absolute;
   min-height: 30pt;
-  left: 2.3%;
+  left: 2.15%;
   bottom: 5px;
   width: 95%;
   border-style: solid;
-  border-width: 2pt;
+  border-width: 3pt;
   border-color: transparent;
   border-radius: 25px;
   max-height: 98%;
@@ -19,6 +19,7 @@ body {
   margin: 0;
   padding: 10px;
   font-family: sans;
+  font-size: 23pt;
   color: white;
   text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
 }