diff --git a/css/global.css b/css/global.css index d5a56680534260fb2bc789fadc025ba5ecc8c605..0bd361e5cf08e322b5628ee139c22c1790c82b9b 100644 --- a/css/global.css +++ b/css/global.css @@ -578,6 +578,12 @@ a { font-weight: 700; font-size: 0.875em; } +p { + padding-bottom: 20px; } + +.center { + text-align: center; } + .button { display: inline-block; text-transform: uppercase; @@ -587,7 +593,11 @@ a { border-radius: 5px; font-weight: 700; font-size: 0.875em; - letter-spacing: 0.05em; } + letter-spacing: 0.05em; + background: #FBD13A; + color: #3F3F3F; + background: #FEEB6C; + background: linear-gradient(170deg, #FEEB6C 0%, #FBD13A 100%); } .button svg { vertical-align: middle; margin-top: -3px; @@ -667,6 +677,11 @@ header { -o-transform: rotate(-4deg); -moz-transform: rotate(-4deg); transform: rotate(-4deg); } + header.subpage { + background: none; + min-height: auto; } + header.subpage:after { + display: none; } section.headline { position: relative; @@ -674,6 +689,29 @@ section.headline { section.headline h2 { padding-top: 10px; line-height: 1.5em; } +section.intro { + text-align: center; + padding: 100px; + -webkit-transform: rotate(-1deg); + -ms-transform: rotate(-1deg); + -o-transform: rotate(-1deg); + -moz-transform: rotate(-1deg); + transform: rotate(-1deg); + background: transparent; + background: linear-gradient(179deg, transparent 0%, rgba(149, 234, 255, 0.4) 100%); } + section.intro .adjust { + -webkit-transform: rotate(1deg); + -ms-transform: rotate(1deg); + -o-transform: rotate(1deg); + -moz-transform: rotate(1deg); + transform: rotate(1deg); } + section.intro .adjust h1 { + padding: 40px 0; } + section.intro .adjust p { + opacity: 0.7; } + @media (max-width: 37.5em) { + section.intro { + padding: 40px; } } section.paths { padding: 40px 0; } section.paths .path { @@ -768,11 +806,11 @@ section.paths { margin-bottom: 40px; } } section.press { padding: 60px 0; - -webkit-transform: rotate(-2deg); - -ms-transform: rotate(-2deg); - -o-transform: rotate(-2deg); - -moz-transform: rotate(-2deg); - transform: rotate(-2deg); + -webkit-transform: rotate(-1deg); + -ms-transform: rotate(-1deg); + -o-transform: rotate(-1deg); + -moz-transform: rotate(-1deg); + transform: rotate(-1deg); background: transparent; background: linear-gradient(179deg, transparent 0%, rgba(149, 234, 255, 0.4) 100%); } section.press h6 { @@ -780,22 +818,22 @@ section.press { padding-bottom: 40px; text-align: center; color: #95EAFF; - -webkit-transform: rotate(2deg); - -ms-transform: rotate(2deg); - -o-transform: rotate(2deg); - -moz-transform: rotate(2deg); - transform: rotate(2deg); } + -webkit-transform: rotate(1deg); + -ms-transform: rotate(1deg); + -o-transform: rotate(1deg); + -moz-transform: rotate(1deg); + transform: rotate(1deg); } section.press ul { display: flex; flex-direction: row; align-items: center; justify-content: center; flex-wrap: wrap; - -webkit-transform: rotate(2deg); - -ms-transform: rotate(2deg); - -o-transform: rotate(2deg); - -moz-transform: rotate(2deg); - transform: rotate(2deg); } + -webkit-transform: rotate(1deg); + -ms-transform: rotate(1deg); + -o-transform: rotate(1deg); + -moz-transform: rotate(1deg); + transform: rotate(1deg); } section.press ul li { padding: 0 20px; } section.press ul li img { @@ -830,25 +868,43 @@ section.answers { @media (max-width: 37.5em) { section.answers p { border: none; } } +section.jobs article { + border-bottom: 1px solid #D8D8D8; + padding: 0 30px 40px; + margin-bottom: 80px; } + section.jobs article h2 { + padding-bottom: 20px; + line-height: 1.5em; } + section.jobs article h4 { + padding-bottom: 10px; } + section.jobs article p { + padding-bottom: 20px; } + section.jobs article ul { + list-style: disc; + margin-left: 20px; + margin-bottom: 20px; } + section.jobs article strong { + font-weight: bold; } section.newsletter { - max-width: 600px; } - section.newsletter #mc_embed_signup { + max-width: 600px; + margin-bottom: 80px; } + section.newsletter .callout { padding: 40px; border-radius: 5px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); margin: 0 auto; background: transparent; background: linear-gradient(179deg, transparent 0%, rgba(149, 234, 255, 0.4) 100%); } - section.newsletter #mc_embed_signup h6 { + section.newsletter .callout h6 { text-align: center; } - section.newsletter #mc_embed_signup p { + section.newsletter .callout p { text-align: center; padding: 20px 0; opacity: 0.7; } - section.newsletter #mc_embed_signup .mc-field-group { + section.newsletter .callout .mc-field-group { display: flex; flex-direction: row; } - section.newsletter #mc_embed_signup input { + section.newsletter .callout input { padding: 15px; font-size: 1em; flex: 1; @@ -856,28 +912,28 @@ section.newsletter { margin: 5px; border: 1px solid #D8D8D8; color: #3F3F3F; } - section.newsletter #mc_embed_signup input#mce-FNAME, section.newsletter #mc_embed_signup input#mce-LNAME { + section.newsletter .callout input#mce-FNAME, section.newsletter .callout input#mce-LNAME { flex: 0.5; min-width: 0; } - section.newsletter #mc_embed_signup input:focus { + section.newsletter .callout input:focus { border-color: #0ECAEA; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); } - section.newsletter #mc_embed_signup input.button { - border: none; - color: #3F3F3F; - background: #FBD13A; - font-size: 0.875em; - flex: 0; - margin-top: 10px; - background: #FEEB6C; - background: linear-gradient(170deg, #FEEB6C 0%, #FBD13A 100%); } - section.newsletter #mc_embed_signup #mce-responses .response { + section.newsletter .callout .button { + border: none; + color: #3F3F3F; + background: #FBD13A; + font-size: 0.875em; + flex: 0; + margin-top: 10px; + background: #FEEB6C; + background: linear-gradient(170deg, #FEEB6C 0%, #FBD13A 100%); } + section.newsletter .callout #mce-responses .response { display: block; color: white; padding: 10px; } - section.newsletter #mc_embed_signup #mce-responses #mce-error-response { + section.newsletter .callout #mce-responses #mce-error-response { background: #FF4906; } - section.newsletter #mc_embed_signup #mce-responses #mce-success-response { + section.newsletter .callout #mce-responses #mce-success-response { background: #20D3A3; } footer { diff --git a/index.html b/index.html index eab55c547bfe22fe3bfecbdc41f90c4939707dd8..b7ffff8043a8c7a496c6e96891961c376dd99c93 100644 --- a/index.html +++ b/index.html @@ -53,16 +53,17 @@
-
+
-
+ - +
@@ -127,20 +128,15 @@
  • - - - - -
  • - - + +
  • - +
    @@ -184,7 +180,7 @@