Laravel

resources/css/auth.css

@@ -0,0 +1,92 @@
+body {
+    margin: 0;
+    font-family: 'Inter', sans-serif;
+    background-color:  rgba(124, 173, 201, 1);
+    font-size: 17px;
+    color: white;
+    line-height: 1.6;
+}
+
+*,
+*:before,
+*:after {
+    box-sizing: border-box;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    margin: 0;
+    font-family: 'Montserrat', sans-serif;
+}
+
+.container {
+    width: 100%;
+    height: 100vh;
+    max-width: 1920px;
+    margin: 0 auto;
+    background-image: linear-gradient(to top, rgba(124, 173, 201, 0.2), rgba(124, 173, 201, 0.2)), url("../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("../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;
+}