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 */