Advertisement
Guest User

Untitled

a guest
Oct 14th, 2019
103
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.23 KB | None | 0 0
  1. body {
  2. margin: 0 !important;
  3. }
  4.  
  5. .hero {
  6. height: 100vh;
  7. width: 100%;
  8. background: linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,0.6)), url("https://cdn.glitch.com/ba20591e-00be-4d60-8d01-e6126ccbd505%2Fbuild-render.png?v=1567361031215") no-repeat center center;
  9. background-size: cover;
  10. text-align: center;
  11. display: flex;
  12. align-items: center;
  13. flex-direction: column;
  14. justify-content: center;
  15. }
  16.  
  17. .hero img, h1 {
  18. color: white !important;
  19. font-family: 'Roboto', sans-serif !important;
  20. font-size: 80px !important;
  21. max-height: 200px !important;
  22. }
  23.  
  24. @-webkit-keyframes pulse {
  25. 0% {
  26. -webkit-transform:scaleX(1);
  27. }
  28. 50% {
  29. -webkit-transform:scale3d(1.05,1.05,1.05);
  30. }
  31. 100% {
  32. -webkit-transform:scaleX(1);
  33. }
  34. }
  35. @keyframes pulse {
  36. 0% {
  37. transform:scaleX(1);
  38. }
  39. 50% {
  40. transform:scale3d(1.05,1.05,1.05);
  41. }
  42. 100% {
  43. transform:scaleX(1);
  44. }
  45. }
  46.  
  47. ::selection {
  48. background: rgba(0, 0, 0, 0.15);
  49. }
  50.  
  51. .topbar {
  52. background: linear-gradient(to top right, #ff6767,#ffc250);
  53. overflow: hidden;
  54. width: 100%;
  55. }
  56.  
  57. .topbar ul {
  58. list-style-type: none;
  59. display: flex;
  60. justify-content: left;
  61. align-items: center;
  62. flex-direction: row;
  63. flex-wrap: wrap;
  64. }
  65.  
  66. .topbar li a {
  67. color: white;
  68. text-decoration: none;
  69. padding: 0 30px;
  70. font-family: 'Montserrat', sans-serif;
  71. font-size: 16px;
  72. text-transform: uppercase;
  73. }
  74.  
  75. .topbar li img {
  76. width: 250px;
  77. margin-right: 10% !important;
  78. margin-left: 10px;
  79. }
  80.  
  81. .topbar a:hover {
  82. text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
  83. transition: text-shadow;
  84. transition-duration: 0.2s;
  85. }
  86.  
  87. .topbar li a:hover {
  88.  
  89. }
  90.  
  91. /* width */
  92. ::-webkit-scrollbar {
  93. width: 10px;
  94. }
  95.  
  96. /* Track */
  97. ::-webkit-scrollbar-track {
  98. box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  99. }
  100.  
  101. /* Handle */
  102. ::-webkit-scrollbar-thumb {
  103. background: #ff6767;
  104. }
  105.  
  106. .list {
  107. margin-top: 40px;
  108. margin-left: 40px;
  109. margin-right: 40px;
  110. display: flex;
  111. flex-direction: row;
  112. justify-content: center;
  113. align-items: flex-start;
  114. flex-wrap: wrap;
  115. text-align: justify;
  116. }
  117.  
  118. .icon img {
  119. max-height: 50px;
  120. }
  121.  
  122. .title {
  123. font-weight: 600;
  124. text-align: left;
  125. font-size: 25px;
  126. color: #323232;
  127. padding: 9px 0;
  128. }
  129.  
  130. .description {
  131. font-weight: 300;
  132. font-size: 18px;
  133. text-align: justify;
  134. color: #323232 !important;
  135. max-width: 600px;
  136. margin-top: 10px;
  137. }
  138.  
  139. .list-item {
  140. margin: 20px;
  141. margin-top: 20px;
  142. font-family: 'Nunito', sans-serif !important;
  143. line-height: 1.5;
  144. background: #323232;
  145. -webkit-box-shadow: 10px 10px 10px rgba(0,0,0,.16);
  146. box-shadow: 10px 10px 10px rgba(0,0,0,.16);
  147. padding: 20px;
  148. margin-bottom: 40px;
  149. color: white;
  150. }
  151.  
  152. .our-partners {
  153. text-align: center;
  154. font-family: 'Nunito', sans-serif;
  155. color: #323232;
  156. font-size: 60px;
  157. font-weight: 400;
  158. margin-top: 20px;
  159. }
  160.  
  161. .footer {
  162. padding-top: 60px;
  163. padding-bottom: 40px;
  164. background-color: #242424;
  165. font-family: 'Roboto', sans-serif;
  166. margin-bottom: 0;
  167. }
  168.  
  169. .footer-brand {
  170. font-size: 30px;
  171. color: #eee;
  172. letter-spacing: 2px;
  173. text-transform: uppercase;
  174. margin-left: 150px;
  175. line-height: 1;
  176. }
  177.  
  178. .footer-description {
  179. font-size: 15px;
  180. color: #777;
  181. margin-left: 150px;
  182. line-height: 2;
  183. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement