update newLogin.css

apu52 · Jul 8, 2024 · ae313d7 · ae313d7
1 parent ef518cf
commit ae313d7
Showing 1 changed file with 30 additions and 19 deletions.
diff --git a/newLogin.css b/newLogin.css
@@ -23,6 +23,18 @@
     align-items: center;
 }
 
+.back-to-home {
+    display: flex;
+    align-items: center;
+    text-decoration: none;
+    color: white;
+    margin-top: 20px;
+}
+
+.back-to-home svg  {
+    margin-right: 8px;
+}
+
 .form-container {
     display: flex;
     gap: 2rem;
@@ -31,7 +43,7 @@
     color: white;
     backdrop-filter: blur(8px);
     padding: 2rem 1rem;
-    background-color: rgba(44, 57, 104,0.2);
+    background-color: rgba(44, 57, 104, 0.2);
     border-radius: 20px;
 }
 
@@ -49,7 +61,7 @@
 .content1 h1 {
     font-weight: 700;
     font-size: 4rem;
-    text-shadow: 0px 0px 20px #010618 , 0px 0px 40px #010618;
+    text-shadow: 0px 0px 20px #010618, 0px 0px 40px #010618;
     text-align: center;
     position: relative;
 }
@@ -60,7 +72,7 @@
     color: white;
     opacity: 1;
     font-weight: 600;
-    text-shadow: 0px 0px 20px #010618 , 0px 0px 40px #010618;
+    text-shadow: 0px 0px 20px #010618, 0px 0px 40px #010618;
 }
 
 .content1 button {
@@ -94,7 +106,7 @@
 .content2 h1 {
     font-size: 3rem;
     font-weight: 700;
-    text-shadow: 0px 0px 20px #010618 , 0px 0px 40px #010618;
+    text-shadow: 0px 0px 20px #010618, 0px 0px 40px #010618;
     text-align: center;
     position: relative;
 }
@@ -115,7 +127,7 @@
     color: white;
     font-weight: 600;
     text-align: center;
-    text-shadow: 0px 0px 20px #010618 , 0px 0px 40px #010618;
+    text-shadow: 0px 0px 20px #010618, 0px 0px 40px #010618;
 }
 
 .icon-section a {
@@ -132,19 +144,19 @@
     border-radius: 3px;
     width: 50%;
     left: 50%;
-    transform: translate(-50% , -50%);
+    transform: translate(-50%, -50%);
     bottom: 0;
     background-color: #6cffb8;
 }
 
-.content1 h1::before , .content2 h1::before {
+.content1 h1::before, .content2 h1::before {
     position: absolute;
     content: '';
     height: 3px;
     border-radius: 3px;
     width: 60%;
     left: 50%;
-    transform: translate(-50% , -50%);
+    transform: translate(-50%, -50%);
     bottom: -10px;
     background-color: #6cffb8;
 }
@@ -162,7 +174,7 @@ form {
     gap: 1rem;
 }
 
-form>input {
+form > input {
     font-size: 1.3rem;
     padding: 0.5rem 0.5rem;
     width: 20rem;
@@ -196,26 +208,26 @@ form > input:focus {
     transition: transform 0.2s ease-in-out;
 }
 
-.content2 button:hover{
+.content2 button:hover {
     box-shadow: 0px 0px 0px #2c3968;
-    transform: translate(7px , 7px);
+    transform: translate(7px, 7px);
     transition: all 0.2s ease-in-out;
 }
 
-@media screen and (max-width : 815px){
+@media screen and (max-width: 815px) {
     .form-container {
         flex-direction: column;
     }
 
-    .content1 , .content2 {
-        box-shadow: 0px 0px 20px #010618 , 0px 0px 40px #010618;
+    .content1, .content2 {
+        box-shadow: 0px 0px 20px #010618, 0px 0px 40px #010618;
         padding: 2rem 0rem;
         border-radius: 10px;
     }
 }
 
-@media screen and (max-width : 510px){
-    .content1 h1 , .content2 h1 {
+@media screen and (max-width: 510px) {
+    .content1 h1, .content2 h1 {
         font-size: 2rem;
     }
 
@@ -237,7 +249,7 @@ form > input:focus {
         text-decoration: none;
     }
 
-    form>input {
+    form > input {
         font-size: 1rem;
         padding: 0.5rem 0.5rem;
         width: 14rem;
@@ -247,5 +259,4 @@ form > input:focus {
     .content2 p {
         font-size: 1.5rem;
     }
-
-}
+}