Feat: Login page and css related to it

public/assets/frontend/css/app.css

@@ -0,0 +1,27 @@
+.textLg{
+    font-size: 2rem;
+}
+.customPos{
+    justify-content: center;
+    align-items: center;
+    justify-items: center;
+}
+.textWhite{
+    color: white !important;
+}
+.customHeight{
+    height: 82vh;
+}
+.bgGrad{
+    background: linear-gradient(to right, #b7202e 75%, #ed1c24 75%);
+}
+.bgGradDown{
+    /* background: linear-gradient(to bottom, #b7202e 65%, #ed1c24 65%); */
+    background-color: #b7202e !important;
+}
+.noPadding{
+    padding-left: 0px !important; 
+}
+.bg-light2{
+    background-color: #ffffff !important;
+}

public/assets/frontend/css/guest.css

@@ -0,0 +1,48 @@
+.fakeHeader {
+    display: flex;
+    justify-content: space-between;
+    padding: 10px;
+}
+.fakeHeader img {
+    height: 64px;
+}
+
+.fakeHeader h1 {
+    padding-right: 8rem;
+
+}
+
+.loginFooter {
+    position: fixed;
+    bottom: 0px;
+    width: 100%;
+    height: 10%;
+}
+.footerRight{
+    display: inline-block;
+    margin: 0;
+    padding: 0;
+    height: 50%;
+    width: 10%;
+    background-color: #ED1C24;
+    
+}
+.footerMiddle{
+    display: inline-block;
+    margin: 0;
+    padding: 0;
+    height: 50%;
+    width: 80%;
+    background-color: #B7202E;
+}
+.footerLeft{
+    display: inline-block;
+    margin: 0;
+    padding: 0;
+    height: 100%;
+    width: 10%;
+    background-color: #B7202E;
+}
+.customHeight{
+    height: 75vh;
+}