style.css 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. @font-face {
  2. font-family: 'Fira Sans';
  3. src: url('firasans-regular-webfont.eot');
  4. src: url('firasans-regular-webfont.eot?#iefix') format('embedded-opentype'),
  5. url('firasans-regular-webfont.woff') format('woff'),
  6. url('firasans-regular-webfont.ttf') format('truetype');
  7. font-weight: normal;
  8. font-style: normal;
  9. }
  10. html {
  11. font-family: "Fira Sans";
  12. height: 100%;
  13. color: #8c959c;
  14. background: #f8f9fa;
  15. text-align: center;
  16. }
  17. .dark {
  18. background: #444a4f;
  19. color: #919497;
  20. }
  21. body {
  22. display: -webkit-flex;
  23. display: -ms-flexbox;
  24. display: flex;
  25. -webkit-flex-direction: column;
  26. -ms-flex-direction: column;
  27. flex-direction: column;
  28. -webkit-justify-content: center;
  29. -ms-flex-pack: center;
  30. justify-content: center;
  31. -webkit-align-items: center;
  32. -ms-flex-align: center;
  33. align-items: center;
  34. height: 100%;
  35. min-height: 600px;
  36. margin: 0;
  37. padding: 40px 10px;
  38. -webkit-box-sizing: border-box;
  39. box-sizing: border-box;
  40. overflow-x: hidden;
  41. }
  42. h1 {
  43. margin: 0;
  44. color: #444a4f;
  45. max-width: 450px;
  46. }
  47. .dark h1 {
  48. color: white;
  49. }
  50. a {
  51. color: #f1d158;
  52. text-decoration: none;
  53. }
  54. a:visited {
  55. color: #ccb250;
  56. }
  57. ul {
  58. text-align: left;
  59. }
  60. p {
  61. max-width: 400px;
  62. margin: 0 0 20px;
  63. }
  64. .error-image {
  65. height: 650px;
  66. width: 100%;
  67. margin: 30px 0;
  68. background-size: contain;
  69. background-position: center;
  70. background-repeat: no-repeat;
  71. }