save

src/app/pages/login/login.page.scss

@@ -23,12 +23,53 @@ ion-content{
     margin: auto !important;
     overflow: auto;
 }
-.div-logo{
-    width: 200px;
+.logo{
+    width: 400px;
+    height: 400px;
+    background-image: url("/assets/background/auth.svg");
+    background-position: center;
+    background-repeat: no-repeat;
+}
+.bg-1{
+    width: 250px;
+    height: 250px;
+    overflow: auto;
+    border-radius: 50%;
+    background: #4cb9f825;
+    margin: auto;
+    .bg-2{
+        width: 225px;
+        height: 225px;
+        overflow: auto;
+        border-radius: 50%;
+        background: #61bdf2b4;
+        margin: auto;
+        .bg-3{
+            width: 200px;
+            height: 200px;
+            overflow: auto;
+            border-radius: 50%;
+            background: #96d3f8be;
+            margin: auto;
+            .bg-4{
+                width: 175px;
+                height: 175px;
+                overflow: auto;
+                border-radius: 50%;
+                background: rgba(255, 255, 255, 0.918);
+                padding: 15px;
+                margin: auto;
+            }
+        }
+    }
+}
+/* .div-logo{
+    width: 200px !important;
     margin:  0 auto;
     padding-bottom: 15px;
-}
-.div-logo img{
+    
+} */
+.bg-4 img{
     width: 100%;
 }
 .wrapper ion-input{
@@ -71,7 +112,7 @@ ion-item{
   border: 0!important;
 }
 
-.div-logo {
+/* .div-logo {
   background: transparent;
   width: em(140px);
   justify-content: center;
@@ -80,7 +121,7 @@ ion-item{
 .div-logo img{
   width: 100%;
   margin: 0px auto;
-}
+} */