First Prototype Frontend (Not Finished)

anwendung/src/styles/globals.css

@@ -12,7 +12,7 @@
 Page Layouts
  */
 
-.login-window
+.normal-centered
 {
   height: 100vh;
   display: flex;
@@ -21,6 +21,18 @@ Page Layouts
   align-items: center;
 }
 
+.semester-overview
+{
+  height: 100vh;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  flex-wrap: wrap;
+  align-content: center;
+  gap: 10px;
+}
+
 body
 {
   height: 100vh;
@@ -31,7 +43,7 @@ Button
  */
 .round-border
 {
-  border-radius: 5px;
+  border-radius: 10px;
   border-width: 0;
 }
 
@@ -349,7 +361,6 @@ input {
   border: solid;
   display: flex;
   flex-direction: column;
-
 }
 
 #buttons {
@@ -431,3 +442,37 @@ Login
    font-size: 0.875rem/* 14px */;
    line-height: 2rem/* 32px */;
  }
+
+/**
+SemesterTile
+ */
+
+.semester-tile
+{
+  background-color: #797979;
+  width: 240px;
+  height: 160px;
+  color: white;
+  border-radius: 10px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  font-size: 20px;
+  gap: 10px;
+}
+
+.semester-tile:hover
+{
+  background-color: #5d606e;
+}
+
+.semester-tile p
+{
+  pointer-events: none;
+}
+
+.semester-tile .step-container
+{
+  pointer-events: none;
+}