diff --git a/css/axit.css b/css/axit.css index 6f6a504..96d8a95 100644 --- a/css/axit.css +++ b/css/axit.css @@ -104,12 +104,12 @@ textarea { .bg { width: 100vw; - display: flex; - justify-content: center; + display: block; } .centered { width: 80vw; + margin: 0 auto; display: flex; justify-content: space-between; } @@ -196,31 +196,58 @@ textarea { } #form-container { - display: flex; - justify-content: center; + font-family: 'Open Sans', sans-serif; } form { - width: 250px; + margin: 30px auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; background-color: white; + border-radius: 3px; } form h3 { - background-color: gray; - margin: 0; + background-color: #f5f5f5; + margin-top: 0; + margin-bottom: 25px; + padding: 10px 50px; + font-weight: 700; + color: black; + border-radius: 3px 3px 0 0; + font-size: 14px; + } + + #free { + color: #ff9b51; } form input { + width: 75%; background-color: transparent; border-top: none; border-left: none; border-right: none; - border-bottom: 1px solid #f5f5f5; + border-bottom: 1px solid #bdbdbd; margin-bottom: 25px; + color: #bdbdbd; + font-size: 12px; + font-weight: 400; + padding: 8px 10px; + } + + form button { + width: 100%; + background-color: #ff9b51; + color: white; + font-weight: 600; + border: none; + border-radius: 0 0 3px 3px; + padding: 15px 0; + font-size: 12px; + margin-top: 15px; } #social-banner { @@ -282,8 +309,12 @@ textarea { margin-top: 50px; } #form-container { + display: flex; justify-content: flex-end; } + form { + margin: 0; + } } @media (min-width: 835px) { diff --git a/wk3_axit.html b/wk3_axit.html index 8848a98..55da796 100644 --- a/wk3_axit.html +++ b/wk3_axit.html @@ -13,7 +13,7 @@ - + @@ -55,10 +55,10 @@
-

Try Your FREE Trial Today

- - - +

Try Your FREE Trial Today

+ + +