inicializacion del proyecto

src/public/css/login.css

@@ -0,0 +1,89 @@
+/*important*/
+@font-face {
+    font-family: sigma_font1;
+    src: url("https://sigmac.app/wp-content/uploads/2022/08/SigmaFont-Regular-1.ttf");
+    font-style: normal;
+}
+
+body, html {
+    height: 100;
+}
+
+body{
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    font-family: sans-serif;
+    background: #2f3542;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: center;
+    align-items: center;
+}
+
+
+.form-box {
+    border-radius: 10px;
+    width: 100%;
+    padding: 10px ;
+    background: #191919;;
+    text-align: center;
+    position: relative;
+     transform: translate(5%, 20%);
+}
+.form-box img{
+    width: 100px;
+}
+
+
+.form-title {
+    color:white;
+    /*text-transform: uppercase;*/
+    font-family: sigma_font;
+}
+
+.form-box input[type="text"],
+.form-box input[type="password"],
+.form-box button[type="submit"]{
+     border: 0;
+     background: none;
+     display: block;
+     margin: 20px auto;
+     padding: 14px 10px;
+     text-align: center;
+     border: 2px solid #00ffff;
+     width: 200px;
+     outline: none;
+     color: white;
+     border-radius: 24px;
+      transition: 0.25s;
+}
+
+.form-box input[type="text"]:focus,
+.form-box input[type="password"]:focus {
+  width: 280px;
+   border-color: #ffffff;
+}
+.form-box button[type="submit"] {
+    border: 0;
+    background: #00ffff;
+    display: block;
+    margin: 20px auto;
+    text-align: center;
+    cursor: pointer;
+    border: 2px solid #00ffff;
+    padding: 14px 40px;
+    outline: none;
+    color: black;
+    border-radius: 24px;
+    transition: 00.25s;
+    cursor: pointer;
+
+    font-weight: bold;
+}
+
+.form-box button[type="submit"]:hover {
+    background: none;
+
+}