From 3c4019d16f887c71f6082e172f351dc4a65f1643 Mon Sep 17 00:00:00 2001
From: root <root@localhost.localdomain>
Date: Fri, 7 Apr 2023 12:20:27 +0000
Subject: [PATCH] =?UTF-8?q?Style=20der=20Seite=20=C3=BCberarbeitet?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .main.js.swp | Bin 0 -> 16384 bytes
 index.html   |   2 +-
 style.css    |  44 +++++++++++++++++++++++++++++++++-----------
 3 files changed, 34 insertions(+), 12 deletions(-)
 create mode 100644 .main.js.swp

diff --git a/.main.js.swp b/.main.js.swp
new file mode 100644
index 0000000000000000000000000000000000000000..985e3cec179816c9db27a392618ceea4ae4d2127
GIT binary patch
literal 16384
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
Ue6fpGd?v=Ro|V7o6^F(D1z1DAkN^Mx

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
index 8186532..3db23e9 100644
--- a/index.html
+++ b/index.html
@@ -52,7 +52,7 @@
                     werden.</p>
                     <a href="https://www.pi.uni-hannover.de/fileadmin/pi/se/Stud-Arbeiten/2021/BA-Thomczik2021.pdf">Link zur Bachelorarbeit</a>
                 <div class="video-container">
-                    <video src="demo.mp4" width="320" height="240" controls></video>
+                    <video src="demo.mp4" controls></video>
                 </div>
             </div>
         </div>
diff --git a/style.css b/style.css
index e3e650b..f189cf3 100644
--- a/style.css
+++ b/style.css
@@ -1,3 +1,13 @@
+/* Font Sizes (px): */
+/* 10 / 12 / 14 / 16 / 18 / 20 / 24 / 30 / 36 / 44 / 52 / 62 / 74 / 86 / 98 */
+
+/* Whitespace (px) */
+/* 2 / 4 / 8 / 12 / 16 / 24 / 32 / 48 / 64 / 80 / 96 / 128 */
+
+* {
+    --color-primary: #08F7FEFF;
+}
+
 .content-layer {
   position: absolute;
   width: 100%;
@@ -15,25 +25,36 @@
 }
 
 .card {
-	display: inline-block;
 	box-shadow: 0 1px 2px 0 rgba(0,0,0,.15);
 	position: relative;
-	padding: 2em;
+	padding: 2.4rem 3.2rem;
 	display: flex;
 	flex-direction: column;
 	align-items: center;
-    background-color: rgba(0, 140, 145, 0.99);
-	width: 75vw;
-	min-height: 25vh;
+    background-color: rgba(0, 140, 145, 0.80);
+	max-width: 80rem;
+    margin: 2.4rem auto;  
 	border-radius: 25px;
-	overflow-y: auto;
-	margin-bottom: 20px;
+    justify-content: space-evenly;
 }
 
 .card h1, .card p {
-    opacity: 1;
+    color: var(--color-primary);
+}
+
+.card h1 {
+    font-size:2.4rem;
 }
 
+.card p {
+    font-size:1.8rem;
+    letter-spacing:0.05rem;
+}
+
+.card video {
+    width: 48rem;
+    padding-top: 1.6rem;
+}
 
 .video-container {
 }
@@ -58,16 +79,18 @@ html, body {
 	font-family: 'Orbitron', sans-serif;
 	line-height: 1.5;
 	color: #08F7FE;
+    font-size: 62.5%;
 }
 
 a {
+    font-size: 1.8rem;
     font-family: 'Orbitron', sans-serif;
 	color: #08F7FE;
-    text-decoration: none;
+    text-decoration: underline;
 }
 
 a:hover {
-    text-decoration: underline;
+    text-decoration: none;
 }
 
 button {
@@ -80,5 +103,4 @@ button {
 
 button:hover {
     cursor: pointer; 
-
 }