Besseres CSS; News

public/css/style.css

@@ -2,6 +2,7 @@ html, body {
     margin: 0;
     width: 100vw;
     height: 100vh;
+    background-color: #4b0600;
 }
 
 .ticker {
@@ -61,23 +62,56 @@ html, body {
 
 
 .main {
-    float: left;
+    display: flex;
+    flex-direction: row;
     margin: 0;
-    height: 77vh;
+    min-height: 77vh;
     width: 100vw;
 }
 
 .navbar {
-    float: left;
     background-color: #ccc;
-    height: 77vh;
     width: 20vw;
 }
 
 .content {
-    float: left;
     background-color: #dcccaa;
-    height: 77vh;
-    width: 79vw;
+    width: 80vw;
     padding-left: 1vw;
 }
+
+.eingabemaske {
+    border: 5px inset;
+    font-size: 1.2em;
+}
+
+.eingabemaske table, th, td {
+    border: 4px outset;
+}
+
+.eingabemaske input {
+    padding: 0.5em;
+}
+
+.eingabemaske button {
+    padding: 1em;
+    border: 4px outset;
+    font-size: 1.2em;
+}
+
+#fehlermeldung {
+    border: 4px outset;
+    width: 50vw;
+}
+
+nav {
+    font-size: 1.2em;
+}
+
+.w-5 {
+    width: 5vw;
+}
+
+.h-5 {
+    height: 5vh;
+}