diff --git a/FrontendMentor/ping-coming-soon-page-master/css/style.css b/FrontendMentor/ping-coming-soon-page-master/css/style.css index 762401f..fb2715b 100644 --- a/FrontendMentor/ping-coming-soon-page-master/css/style.css +++ b/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; + } + } \ No newline at end of file