Monorepo

frontend/src/assets/css/signin.css

@@ -0,0 +1,76 @@
+
+
+.container {
+    width: 100%;
+    height: 100vh;
+    max-width: 1920px;
+    margin: 0 auto;
+    background-image: linear-gradient(to top, rgb(124, 173, 201, 0.2), rgb(124, 173, 201, 0.2)), url(
+ "@/assets/images/intro.jpg");
+    background-size: cover;
+    display: flex;
+    flex-direction: column;
+    justify-content:center;
+}
+
+.logo {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.logoMetr {
+    width: 185px;
+    height: 100px;
+    background: url("@/assets/images/metr.svg") center
+    no-repeat;
+    background-size: cover;
+}
+
+.title {
+    margin: 1% 0;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.title h2{
+    font-size: 35px;
+}
+
+.form__example {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.form__input {
+    margin-top: 30px;
+    width: 320px;
+    height: 40px;
+    background-color: #1A89C9;
+    color: white;
+    font-family: 'Montserrat', sans-serif;
+    font-size: 14px;
+    border-radius: 10px;
+    border: 0px;
+}
+
+.form__input:hover {
+    color: rgb(15, 10, 41);
+    font-weight: 600;
+    transition: color .1s linear;
+}
+
+.login {
+    width: 320px;
+    height: 50px;
+    padding-left: 1%;
+}
+ 
+input {
+    margin: 0;
+    padding: 0;
+    color: rgb(129, 125, 125);
+    font-family: 'Montserrat', sans-serif;
+}