initial

style.css

@@ -0,0 +1,57 @@
+body {
+    font-family: 'Montserrat', sans-serif;
+    margin: 0;
+}
+
+table {
+    width: 100%;
+    height: 70vh;
+    color: white;
+    background-color: rgb(30, 30, 30);
+}
+
+td {
+    width: 25%;
+    text-align: center;
+    font-size: 24px;
+    background-color: rgb(20, 20, 20);
+}
+
+td:hover {
+    background-color: rgb(30, 30, 30);
+    /* Cursor als Hand */
+    cursor: pointer;
+}
+
+#resultArea {
+    height: 30vh;
+    background-color: rgb(40, 40, 40);
+    color: white;
+    font-size: 64px;
+    display: flex;
+    justify-content: end;
+    align-items: flex-end;
+    padding: 24px;
+    /* Ausbreitung duch Padding verhindern */
+    box-sizing: border-box;
+}
+
+#result {
+    background-color: rgb(67, 55, 236);
+}
+
+#result:hover {
+    background-color: rgb(110, 101, 235);
+}
+
+.red{
+    background-color: rgb(212, 38, 38);
+}
+
+.red:hover{
+    background-color: rgb(212, 80, 85);
+}
+
+.highlight {
+    background-color: rgb(25, 25, 25);
+}