microserviciile de register, login finalizate

2023-06-15 22:21:53 +03:00
parent a739a66ae4
commit 4e585ba278
159 changed files with 4775 additions and 1747 deletions
@@ -0,0 +1,100 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    font-family: 'Josefin Sans', sans-serif;
+}
+
+html,
+body {
+    height: 100%;
+}
+
+body {
+    background-image: url("../Images/background/background.jpg");
+    background-size: cover;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-attachment: fixed;
+}
+
+body {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+
+h1, h3 {
+    color: white;
+    text-shadow: -1px -1px 0 #000, 0 -1px 0 #000, 1px -1px 0 #000, 1px 0 0 #000, 1px 1px 0 #000, 0 1px 0 #000, -1px 1px 0 #000, -1px 0 0 #000;
+}
+
+.Title {
+    margin: 5vh;
+    font-size: 3rem;
+}
+
+button {
+    margin: 1rem;
+    background-color: #60FF8C;
+    border: 0.1em solid black;
+    border-radius: 20px;
+    padding: 1vh;
+    padding-left: 5vh;
+    padding-right: 5vh;
+    max-width: 100%;
+    cursor: default;
+    width: 100%;
+}
+
+    button:hover {
+        margin: 1rem;
+        background-color: #FF5555;
+        border: 0.1em solid black;
+        border-radius: 20px;
+        padding: 1vh;
+        padding-left: 5vh;
+        padding-right: 5vh;
+        max-width: 100%;
+        cursor: pointer;
+        width: 100%;
+    }
+
+.RegisterButton {
+    margin-bottom: 0;
+}
+
+    .RegisterButton:hover {
+        margin-bottom: 0;
+        cursor: pointer;
+    }
+
+.LoginButtons {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin-bottom: 0;
+    margin-top: 0;
+}
+
+.BigContainer {
+    position: fixed;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: space-between;
+    transform: scale(1.5);
+    flex: 100%;
+}
+
+@media screen and (max-width: 888px) {
+    .BigContainer {
+        width: 30%;
+    }
+
+    h1, h3 {
+        font-size: 1rem;
+        text-align: center;
+    }
+}