index.css 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248
  1. /* inter-regular - latin */
  2. @font-face {
  3. font-family: "Inter";
  4. font-style: normal;
  5. font-weight: 400;
  6. src: url("/fonts/inter-v3-latin-regular.eot"); /* IE9 Compat Modes */
  7. src: local(""),
  8. url("/fonts/inter-v3-latin-regular.eot?#iefix")
  9. format("embedded-opentype"),
  10. /* IE6-IE8 */ url("/fonts/inter-v3-latin-regular.woff2") format("woff2"),
  11. /* Super Modern Browsers */ url("/fonts/inter-v3-latin-regular.woff")
  12. format("woff"),
  13. /* Modern Browsers */ url("/fonts/inter-v3-latin-regular.ttf")
  14. format("truetype"),
  15. /* Safari, Android, iOS */
  16. url("/fonts/inter-v3-latin-regular.svg#Inter") format("svg"); /* Legacy iOS */
  17. }
  18. /* inter-200 - latin */
  19. @font-face {
  20. font-family: "Inter";
  21. font-style: normal;
  22. font-weight: 200;
  23. src: url("/fonts/inter-v3-latin-200.eot"); /* IE9 Compat Modes */
  24. src: local(""),
  25. url("/fonts/inter-v3-latin-200.eot?#iefix") format("embedded-opentype"),
  26. /* IE6-IE8 */ url("/fonts/inter-v3-latin-200.woff2") format("woff2"),
  27. /* Super Modern Browsers */ url("/fonts/inter-v3-latin-200.woff")
  28. format("woff"),
  29. /* Modern Browsers */ url("/fonts/inter-v3-latin-200.ttf")
  30. format("truetype"),
  31. /* Safari, Android, iOS */ url("/fonts/inter-v3-latin-200.svg#Inter")
  32. format("svg"); /* Legacy iOS */
  33. }
  34. /* inter-800 - latin */
  35. @font-face {
  36. font-family: "Inter";
  37. font-style: normal;
  38. font-weight: 800;
  39. src: url("/fonts/inter-v3-latin-800.eot"); /* IE9 Compat Modes */
  40. src: local(""),
  41. url("/fonts/inter-v3-latin-800.eot?#iefix") format("embedded-opentype"),
  42. /* IE6-IE8 */ url("/fonts/inter-v3-latin-800.woff2") format("woff2"),
  43. /* Super Modern Browsers */ url("/fonts/inter-v3-latin-800.woff")
  44. format("woff"),
  45. /* Modern Browsers */ url("/fonts/inter-v3-latin-800.ttf")
  46. format("truetype"),
  47. /* Safari, Android, iOS */ url("/fonts/inter-v3-latin-800.svg#Inter")
  48. format("svg"); /* Legacy iOS */
  49. }
  50. /* inter-600 - latin */
  51. @font-face {
  52. font-family: "Inter";
  53. font-style: normal;
  54. font-weight: 600;
  55. src: url("/fonts/inter-v3-latin-600.eot"); /* IE9 Compat Modes */
  56. src: local(""),
  57. url("/fonts/inter-v3-latin-600.eot?#iefix") format("embedded-opentype"),
  58. /* IE6-IE8 */ url("/fonts/inter-v3-latin-600.woff2") format("woff2"),
  59. /* Super Modern Browsers */ url("/fonts/inter-v3-latin-600.woff")
  60. format("woff"),
  61. /* Modern Browsers */ url("/fonts/inter-v3-latin-600.ttf")
  62. format("truetype"),
  63. /* Safari, Android, iOS */ url("/fonts/inter-v3-latin-600.svg#Inter")
  64. format("svg"); /* Legacy iOS */
  65. }
  66. /* pacifico-regular - latin */
  67. @font-face {
  68. font-family: "Pacifico";
  69. font-style: normal;
  70. font-weight: 400;
  71. src: url("/fonts/pacifico-v17-latin-regular.eot"); /* IE9 Compat Modes */
  72. src: local(""),
  73. url("/fonts/pacifico-v17-latin-regular.eot?#iefix")
  74. format("embedded-opentype"),
  75. /* IE6-IE8 */ url("/fonts/pacifico-v17-latin-regular.woff2")
  76. format("woff2"),
  77. /* Super Modern Browsers */
  78. url("/fonts/pacifico-v17-latin-regular.woff") format("woff"),
  79. /* Modern Browsers */ url("/fonts/pacifico-v17-latin-regular.ttf")
  80. format("truetype"),
  81. /* Safari, Android, iOS */
  82. url("/fonts/pacifico-v17-latin-regular.svg#Pacifico") format("svg"); /* Legacy iOS */
  83. }
  84. @font-face {
  85. font-family: "Material Icons";
  86. font-style: normal;
  87. font-weight: 400;
  88. src: url(/fonts/MaterialIcons-Regular.ttf); /* For IE6-8 */
  89. src: local("Material Icons"), local("MaterialIcons-Regular"),
  90. url(/fonts/MaterialIcons-Regular.ttf) format("truetype");
  91. }
  92. .material-icons {
  93. font-family: "Material Icons";
  94. font-weight: normal;
  95. font-style: normal;
  96. font-size: 24px; /* Preferred icon size */
  97. display: inline-block;
  98. line-height: 1;
  99. text-transform: none;
  100. letter-spacing: normal;
  101. word-wrap: normal;
  102. white-space: nowrap;
  103. direction: ltr;
  104. /* Support for all WebKit browsers. */
  105. -webkit-font-smoothing: antialiased;
  106. /* Support for Safari and Chrome. */
  107. text-rendering: optimizeLegibility;
  108. /* Support for Firefox. */
  109. -moz-osx-font-smoothing: grayscale;
  110. /* Support for IE. */
  111. font-feature-settings: "liga";
  112. }
  113. html {
  114. background-color: inherit;
  115. }
  116. body {
  117. /* background-color: rgb(245, 245, 245); */
  118. background-color: rgb(249 249 249);
  119. }
  120. .app {
  121. min-height: 100vh;
  122. position: relative;
  123. }
  124. #root {
  125. height: 100%;
  126. }
  127. .content-wrapper {
  128. /* padding: 60px 0 calc(230px + 60px) 0; */
  129. padding-top: 60px;
  130. }
  131. .card {
  132. background-color: white;
  133. /*padding: 20px;*/
  134. }
  135. .toast {
  136. z-index: 10000 !important;
  137. }
  138. ul {
  139. list-style: none;
  140. margin: 0;
  141. display: block;
  142. }
  143. h1,
  144. h2,
  145. h3,
  146. h4,
  147. h5,
  148. h6 {
  149. font-weight: 400;
  150. line-height: 1.1;
  151. }
  152. h1 a,
  153. h2 a,
  154. h3 a,
  155. h4 a,
  156. h5 a,
  157. h6 a {
  158. font-weight: inherit;
  159. }
  160. h1 {
  161. font-size: 4.2rem;
  162. line-height: 110%;
  163. margin: 2.1rem 0 1.68rem 0;
  164. }
  165. h2 {
  166. font-size: 3.56rem;
  167. line-height: 110%;
  168. margin: 1.78rem 0 1.424rem 0;
  169. }
  170. h3 {
  171. font-size: 2.92rem;
  172. line-height: 110%;
  173. margin: 1.46rem 0 1.168rem 0;
  174. }
  175. h4 {
  176. font-size: 2.28rem;
  177. line-height: 110%;
  178. margin: 1.14rem 0 0.912rem 0;
  179. }
  180. h5 {
  181. font-size: 1.64rem;
  182. line-height: 110%;
  183. margin: 0.82rem 0 0.656rem 0;
  184. }
  185. h6 {
  186. font-size: 1rem;
  187. line-height: 110%;
  188. margin: 0.5rem 0 0.4rem 0;
  189. }
  190. .thin {
  191. font-weight: 200;
  192. }
  193. .left {
  194. float: left !important;
  195. }
  196. .right {
  197. float: right !important;
  198. }
  199. .white {
  200. background-color: #ffffff !important;
  201. }
  202. .btn-search {
  203. font-size: 14px;
  204. }
  205. a.nav-item.is-tab {
  206. border-bottom: 1px solid transparent;
  207. border-top: 1px solid transparent;
  208. }
  209. .button.is-info {
  210. border-width: 0;
  211. color: #fff;
  212. }
  213. strong {
  214. color: inherit;
  215. }