/ src / sass / main.css
main.css
  1  /* http://meyerweb.com/eric/tools/css/reset/
  2     v2.0-modified | 20110126
  3     License: none (public domain)
  4  */
  5  html,
  6  body,
  7  div,
  8  span,
  9  applet,
 10  object,
 11  iframe,
 12  h1,
 13  h2,
 14  h3,
 15  h4,
 16  h5,
 17  h6,
 18  p,
 19  blockquote,
 20  pre,
 21  a,
 22  abbr,
 23  acronym,
 24  address,
 25  big,
 26  cite,
 27  code,
 28  del,
 29  dfn,
 30  em,
 31  img,
 32  ins,
 33  kbd,
 34  q,
 35  s,
 36  samp,
 37  small,
 38  strike,
 39  strong,
 40  sub,
 41  sup,
 42  tt,
 43  var,
 44  b,
 45  u,
 46  i,
 47  center,
 48  dl,
 49  dt,
 50  dd,
 51  ol,
 52  ul,
 53  li,
 54  fieldset,
 55  form,
 56  label,
 57  legend,
 58  table,
 59  caption,
 60  tbody,
 61  tfoot,
 62  thead,
 63  tr,
 64  th,
 65  td,
 66  article,
 67  aside,
 68  canvas,
 69  details,
 70  embed,
 71  figure,
 72  figcaption,
 73  footer,
 74  header,
 75  hgroup,
 76  menu,
 77  nav,
 78  output,
 79  ruby,
 80  section,
 81  summary,
 82  time,
 83  mark,
 84  audio,
 85  video {
 86    margin: 0;
 87    padding: 0;
 88    border: 0;
 89    font: inherit;
 90    vertical-align: baseline;
 91  }
 92  
 93  /* make sure to set some focus styles for accessibility */
 94  :focus {
 95    outline: 0;
 96  }
 97  
 98  /* HTML5 display-role reset for older browsers */
 99  article,
100  aside,
101  details,
102  figcaption,
103  figure,
104  footer,
105  header,
106  hgroup,
107  menu,
108  nav,
109  section {
110    display: block;
111  }
112  
113  body {
114    line-height: 1;
115    overflow-x: hidden;
116  }
117  
118  ol,
119  ul {
120    list-style: none;
121  }
122  
123  blockquote,
124  q {
125    quotes: none;
126  }
127  
128  blockquote:before,
129  blockquote:after,
130  q:before,
131  q:after {
132    content: "";
133    content: none;
134  }
135  
136  * {
137    box-sizing: border-box;
138  }
139  
140  table {
141    border-collapse: collapse;
142    border-spacing: 0;
143  }
144  
145  input[type=search]::-webkit-search-cancel-button,
146  input[type=search]::-webkit-search-decoration,
147  input[type=search]::-webkit-search-results-button,
148  input[type=search]::-webkit-search-results-decoration {
149    -webkit-appearance: none;
150    -moz-appearance: none;
151  }
152  
153  input[type=search] {
154    -webkit-appearance: none;
155    -moz-appearance: none;
156    box-sizing: content-box;
157  }
158  
159  textarea {
160    overflow: auto;
161    vertical-align: top;
162    resize: vertical;
163  }
164  
165  /**
166   * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
167   */
168  audio,
169  canvas,
170  video {
171    display: inline-block;
172    *display: inline;
173    *zoom: 1;
174    max-width: 100%;
175  }
176  
177  /**
178   * Prevent modern browsers from displaying `audio` without controls.
179   * Remove excess height in iOS 5 devices.
180   */
181  audio:not([controls]) {
182    display: none;
183    height: 0;
184  }
185  
186  /**
187   * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
188   * Known issue: no IE 6 support.
189   */
190  [hidden] {
191    display: none;
192  }
193  
194  /**
195   * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
196   *    `em` units.
197   * 2. Prevent iOS text size adjust after orientation change, without disabling
198   *    user zoom.
199   */
200  html {
201    font-size: 100%;
202    /* 1 */
203    -webkit-text-size-adjust: 100%;
204    /* 2 */
205    -ms-text-size-adjust: 100%;
206    /* 2 */
207  }
208  
209  /**
210   * Address `outline` inconsistency between Chrome and other browsers.
211   */
212  a:focus {
213    outline: thin dotted;
214  }
215  
216  /**
217   * Improve readability when focused and also mouse hovered in all browsers.
218   */
219  a:active,
220  a:hover {
221    outline: 0;
222  }
223  
224  button:hover {
225    transition: 0.2s;
226  }
227  
228  /**
229   * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
230   * 2. Improve image quality when scaled in IE 7.
231   */
232  img {
233    border: 0;
234    /* 1 */
235    -ms-interpolation-mode: bicubic;
236    /* 2 */
237  }
238  
239  /**
240   * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
241   */
242  figure {
243    margin: 0;
244  }
245  
246  /**
247   * Correct margin displayed oddly in IE 6/7.
248   */
249  form {
250    margin: 0;
251  }
252  
253  /**
254   * Define consistent border, margin, and padding.
255   */
256  fieldset {
257    border: 1px solid #c0c0c0;
258    margin: 0 2px;
259    padding: 0.35em 0.625em 0.75em;
260  }
261  
262  /**
263   * 1. Correct color not being inherited in IE 6/7/8/9.
264   * 2. Correct text not wrapping in Firefox 3.
265   * 3. Correct alignment displayed oddly in IE 6/7.
266   */
267  legend {
268    border: 0;
269    /* 1 */
270    padding: 0;
271    white-space: normal;
272    /* 2 */
273    *margin-left: -7px;
274    /* 3 */
275  }
276  
277  /**
278   * 1. Correct font size not being inherited in all browsers.
279   * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
280   *    and Chrome.
281   * 3. Improve appearance and consistency in all browsers.
282   */
283  button,
284  input,
285  select,
286  textarea {
287    font-size: 100%;
288    /* 1 */
289    margin: 0;
290    /* 2 */
291    vertical-align: baseline;
292    /* 3 */
293    *vertical-align: middle;
294    /* 3 */
295  }
296  
297  /**
298   * Address Firefox 3+ setting `line-height` on `input` using `!important` in
299   * the UA stylesheet.
300   */
301  button,
302  input {
303    line-height: normal;
304  }
305  
306  /**
307   * Address inconsistent `text-transform` inheritance for `button` and `select`.
308   * All other form control elements do not inherit `text-transform` values.
309   * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
310   * Correct `select` style inheritance in Firefox 4+ and Opera.
311   */
312  button,
313  select {
314    text-transform: none;
315  }
316  
317  /**
318   * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
319   *    and `video` controls.
320   * 2. Correct inability to style clickable `input` types in iOS.
321   * 3. Improve usability and consistency of cursor style between image-type
322   *    `input` and others.
323   * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
324   *    Known issue: inner spacing remains in IE 6.
325   */
326  button,
327  html input[type=button],
328  input[type=reset],
329  input[type=submit] {
330    -webkit-appearance: button;
331    /* 2 */
332    cursor: pointer;
333    /* 3 */
334    *overflow: visible;
335    /* 4 */
336  }
337  
338  button {
339    cursor: pointer;
340  }
341  
342  /**
343   * Re-set default cursor for disabled elements.
344   */
345  button[disabled],
346  html input[disabled] {
347    cursor: default;
348  }
349  
350  /**
351   * 1. Address box sizing set to content-box in IE 8/9.
352   * 2. Remove excess padding in IE 8/9.
353   * 3. Remove excess padding in IE 7.
354   *    Known issue: excess padding remains in IE 6.
355   */
356  input[type=checkbox],
357  input[type=radio] {
358    box-sizing: border-box;
359    /* 1 */
360    padding: 0;
361    /* 2 */
362    *height: 13px;
363    /* 3 */
364    *width: 13px;
365    /* 3 */
366  }
367  
368  /**
369   * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
370   * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
371   *    (include `-moz` to future-proof).
372   */
373  input[type=search] {
374    -webkit-appearance: textfield;
375    /* 1 */
376    /* 2 */
377    box-sizing: content-box;
378  }
379  
380  /**
381   * Remove inner padding and search cancel button in Safari 5 and Chrome
382   * on OS X.
383   */
384  input[type=search]::-webkit-search-cancel-button,
385  input[type=search]::-webkit-search-decoration {
386    -webkit-appearance: none;
387  }
388  
389  /**
390   * Remove inner padding and border in Firefox 3+.
391   */
392  button::-moz-focus-inner,
393  input::-moz-focus-inner {
394    border: 0;
395    padding: 0;
396  }
397  
398  /**
399   * 1. Remove default vertical scrollbar in IE 6/7/8/9.
400   * 2. Improve readability and alignment in all browsers.
401   */
402  textarea {
403    overflow: auto;
404    /* 1 */
405    vertical-align: top;
406    /* 2 */
407  }
408  
409  /**
410   * Remove most spacing between table cells.
411   */
412  table {
413    border-collapse: collapse;
414    border-spacing: 0;
415  }
416  
417  html,
418  button,
419  input,
420  select,
421  textarea {
422    color: #222;
423  }
424  
425  ::-moz-selection {
426    background: #hansed4fc;
427    text-shadow: none;
428  }
429  
430  ::selection {
431    background: #hansed4fc;
432    text-shadow: none;
433  }
434  
435  img {
436    vertical-align: middle;
437  }
438  
439  fieldset {
440    border: 0;
441    margin: 0;
442    padding: 0;
443  }
444  
445  textarea {
446    resize: vertical;
447  }
448  
449  input:-webkit-autofill,
450  input:-webkit-autofill:hover,
451  input:-webkit-autofill:focus,
452  textarea:-webkit-autofill,
453  textarea:-webkit-autofill:hover,
454  textarea:-webkit-autofill:focus,
455  select:-webkit-autofill,
456  select:-webkit-autofill:hover,
457  select:-webkit-autofill:focus {
458    -webkit-text-fill-color: #455065;
459    box-shadow: 0 0 0px 1000px #fff inset;
460    -webkit-transition: background-color 5000s ease-in-out 0s;
461    transition: background-color 5000s ease-in-out 0s;
462  }
463  
464  /* Chrome, Safari, Edge, Opera */
465  input::-webkit-outer-spin-button,
466  input::-webkit-inner-spin-button {
467    -webkit-appearance: none;
468    margin: 0;
469  }
470  
471  /* Firefox */
472  input[type=number] {
473    -moz-appearance: textfield;
474  }
475  
476  a:active,
477  a:focus {
478    outline: 0;
479    border: none;
480    outline-style: none;
481    -moz-outline-style: none;
482  }
483  
484  button:disabled {
485    color: #fff;
486    background: grey;
487    cursor: not-allowed;
488  }
489  
490  body {
491    font-family: "Poppins", sans-serif;
492  }
493  
494  html {
495    font-size: 10px;
496  }
497  
498  a {
499    text-decoration: none;
500  }
501  
502  .padding {
503    padding: 40px 112px;
504    width: 100%;
505    box-sizing: border-box;
506  }
507  
508  .maxWidth {
509    margin: 0 auto;
510    max-width: 1440px;
511    width: 100%;
512    height: 100%;
513  }
514  
515  @media screen and (max-width: 768px) {
516    .padding {
517      padding: 27px 16px;
518    }
519  }/*# sourceMappingURL=main.css.map */