Guest User

Untitled

a guest
Oct 23rd, 2019
102
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. body {
  2. font-family: 'Fira Sans';
  3. }
  4.  
  5. .header {
  6. height: 100vh;
  7. background-color: rgba(255, 0, 0, 0.7);
  8. text-align: center;
  9. color: #fff;
  10. background-image: url(https://pictures.s3.yandex.net/background.jpg);
  11. background-size: cover;
  12. background-position: center bottom;
  13. padding-top: 120px;
  14. }
  15.  
  16. h1 {
  17. font-size: 55px;
  18. line-height: 240px;
  19. font-family: 'Anonymous Pro';
  20. text-transform: uppercase;
  21. }
  22.  
  23. h2 {
  24. font-size: 25px;
  25. line-height: 30px;
  26. letter-spacing: 0.5px;
  27. width: 630px;
  28. margin: 46px auto 0px;
  29. }
  30.  
  31. .card {
  32. width: 420px;
  33. min-height: 420px;
  34. display: inline-block;
  35. vertical-align: top;
  36. margin-right: 65px;
  37. }
  38.  
  39. .module {
  40. width: 420px;
  41. height: 420px;
  42. border-width: 5px;
  43. border-style: solid;
  44. border-color: #ff3333;
  45. background-image: url(https://pictures.s3.yandex.net/grid.jpg);
  46. }
  47.  
  48. .image {
  49. width: 420px;
  50. height: 420px;
  51. background-size: cover;
  52. background-position: center;
  53. box-sizing: border-box;
  54. }
  55.  
  56. .near {
  57. background-image: url(https://pictures.s3.yandex.net/proximity.jpg);
  58. }
  59.  
  60. .fonts {
  61. background-image: url(https://pictures.s3.yandex.net/type.jpg);
  62. }
  63.  
  64. .colors {
  65. background-image: url(https://pictures.s3.yandex.net/color.jpg);
  66. }
  67.  
  68. .rules {
  69. width: 910px;
  70. margin: 90px auto 0px;
  71. }
  72.  
  73. .module-card {
  74. margin-right: 0;
  75. }
  76.  
  77. .colors-card {
  78. margin-right: 0;
  79. }
  80.  
  81. .card h3 {
  82. font-size: 35px;
  83. }
RAW Paste Data