| $global-guttering: 24px; |
| $global-font-size-h1: 32px; |
| $global-font-size-h2: 24px; |
| $global-font-size-h3: 20px; |
| $global-font-size-h4: 18px; |
| $global-font-size-h5: 16px; |
| $global-font-size-h6: 14px; |
| $heading-font-weight: 700; |
|
|
| |
| |
| |
|
|
| * { |
| -webkit-font-smoothing: antialiased; |
| -moz-osx-font-smoothing: grayscale |
| } |
|
|
| *, *:before, *:after { |
| box-sizing: border-box |
| } |
|
|
| html, body { |
| position: relative; |
| margin: 0; |
| width: 100%; |
| height: 100%; |
| } |
|
|
| body { |
| padding-top: 1px; |
| font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; |
| font-size: 16px; |
| line-height: 1.4; |
| color: #000000; |
| background-color: #FFFFFF; |
| overflow-x: hidden; |
| } |
|
|
| label { |
| display: block; |
| margin-bottom: 8px; |
| font-size: 14px; |
| font-weight: 500; |
| cursor: pointer; |
| } |
|
|
| p { |
| margin-top: 0; |
| } |
|
|
| hr { |
| display: block; |
| margin: $global-guttering*1.25 0; |
| border: 0; |
| border-bottom: 1px solid #eaeaea; |
| height: 1px; |
| } |
|
|
| h1, h2, h3, h4, h5, h6 { |
| margin-top: 0; |
| margin-bottom: $global-guttering/2; |
| font-weight: $heading-font-weight; |
| line-height: 1.2; |
| } |
|
|
| a, a:visited, a:focus { |
| color: #FFFFFF; |
| text-decoration: none; |
| font-weight: 600; |
| } |
|
|
| .form-control { |
| display: block; |
| width: 100%; |
| background-color: #f9f9f9; |
| padding: 12px; |
| border: 1px solid #ddd; |
| border-radius: 2.5px; |
| font-size: 14px; |
| -webkit-appearance: none; |
| appearance: none; |
| margin-bottom: $global-guttering; |
| } |
|
|
| h1, .h1 { |
| font-size: $global-font-size-h1; |
| } |
|
|
| h2, .h2 { |
| font-size: $global-font-size-h2; |
| } |
|
|
| h3, .h3 { |
| font-size: $global-font-size-h3; |
| } |
|
|
| h4, .h4 { |
| font-size: $global-font-size-h4; |
| } |
|
|
| h5, .h5 { |
| font-size: $global-font-size-h5; |
| } |
|
|
| h6, .h6 { |
| font-size: $global-font-size-h6; |
| } |
|
|
| .container { |
| display: block; |
| margin: auto; |
| max-width: 40em; |
| padding: $global-guttering*2; |
| @media (max-width: 620px) { |
| padding: 0; |
| } |
| } |
|
|
| .section { |
| background-color: #FFFFFF; |
| padding: $global-guttering; |
| color: #333; |
| a, a:visited, a:focus { |
| color: #00bcd4; |
| } |
| } |
|
|
| .logo { |
| display: block; |
| margin-bottom: $global-guttering/2; |
| } |
|
|
| .logo__img { |
| width: 100%; |
| height: auto; |
| display: inline-block; |
| max-width: 100%; |
| vertical-align: top; |
| padding: $global-guttering/4 0; |
| } |
|
|
| .visible-ie { |
| display: none; |
| } |
|
|
| .zero-bottom { |
| margin-bottom: 0; |
| } |
|
|
| .zero-top { |
| margin-top: 0; |
| } |
|
|
| .text-center { |
| text-align: center; |
| } |
|
|
| |
|
|
