desktop-near-match

FrontendMentor/ping-coming-soon-page-master/css/style.css

@@ -86,7 +86,6 @@ body {
 
 .formSection input[type=email] {
     font-family: 'Libre Franklin', sans-serif;
-    /* width: 85%; */
     width: calc(100% - 46px);
 
     color: black;
@@ -100,7 +99,6 @@ body {
     text-decoration: none;
     /* cursor: ; */
     border-radius: 32px;
-    /*box-shadow: 3px 3px 1px 1px var(--site-paleBlue); */
 }
 
 .formSection input::placeholder{
@@ -198,22 +196,84 @@ footer {
     .flexContainer {
         width: 50vw;
         height: 100vh;
+
+        margin-top: 4.3rem;
+    }
+
+    .logoSection img {
+        width: 100%;
+    }
+
+    .titleSection {
+        margin-top: 2.5rem;
+    }
+    
+    .titleSection .line1 {
+        font-weight: 300;
+        letter-spacing: 1.3px;
+        font-size: 45px;
+    }
+    
+    .line1 b {
+        font-weight: 700;
+    }
+    
+    .titleSection .line2 {
+        margin-top: 0.95rem;
+        font-size: 20px;
+        font-weight: 600;
+    }
+    
+
+    .formSection {
+        margin: 2rem 0 0 0;
+        text-align: center;
     }
 
     .formSection form {
         flex-direction: row;
+        width: 88%;
     }
 
     .formSection input[type=email] {
-        flex-basis: 60%;
+        flex-basis: 66%;
+
+        width: calc(100% - 46px);
+        font-size: 17px;
+        font-weight: 300;
+        border: 2px solid var(--site-paleBlue);
+        padding: 0.8rem 0;
+        padding-left: 20px;
+        padding-right: 20px;
     }
     .formSection button {
         margin-left: 1rem;
-        flex-basis: 40%;
-    }
+        flex-basis: 34%;
 
+        font-size: 17px;
+        font-weight: 300;
+
+        padding: 0.8rem 0;
+        box-shadow: 0px 3px 10px 1px var(--site-paleBlue); /* 10px 5px 10px*/
+    }
+        
     .imageSection {
+        margin-top: 4.3rem;
         width: 89%;
     }
     
+    .socialButtonsSection {
+        margin-bottom: 1.35rem;
+        font-size: 20px;
+    }
+    
+    .socialButtonsSection .fa-stack {
+        font-size: 15px;
+    }
+    
+    .copyright {
+        font-size: 12px;
+        margin-bottom: 1.75rem;
+    }
+    
 }