Data hosted with ♥ by Pastebin.com - Download Raw - See Original
  1. /* Module */
  2. .sidebar .module {
  3.     padding: 0 45px;
  4.     margin-top: 50px;
  5. }
  6. .sidebar .module:last-child {
  7.     margin-bottom: 50px;
  8. }
  9. .module__title {
  10.     font-size: 22px;
  11.     text-transform: uppercase;
  12.     display: flex;
  13.     align-items: center;
  14.     margin-bottom: 20px;
  15. }
  16. .module__meta {
  17.     font-size: 14px;
  18.     color: #90a4ae;
  19.     margin-bottom: 20px;
  20. }
  21. .module__meta i {
  22.     margin-right: 10px;
  23. }
  24. .module__meta span {
  25.     margin-right: 20px;
  26. }
  27. .module__title .circle {
  28.     margin-right: 10px;
  29. }
  30. .circle {
  31.     font-size: 14px;
  32.     color: #fff;
  33.     background: #263238;
  34.     border-radius: 50%;
  35.     text-align: center;
  36.     margin-right: 20px;
  37. }
  38. .circle.circle--large {
  39.     width: 60px;
  40.     height: 60px;
  41.     line-height: 60px;
  42. }
  43. .circle.circle--medium {
  44.     width: 42px;
  45.     height: 42px;
  46.     line-height: 42px;
  47. }
  48. .circle.circle--small {
  49.     width: 30px;
  50.     height: 30px;
  51.     line-height: 30px;
  52. }
  53. .circle.circle--white {
  54.     background: #fff;
  55.     color: #263238;
  56. }
  57.  
  58. /* Progress bar */
  59. .progress-bar,
  60. .progress-bar span {
  61.     height: 6px;
  62.     background: #fff;
  63.     border-radius: 6px;
  64.     display: block;
  65. }
  66. .progress-bar span {
  67.     background: #263238;
  68. }
  69. .module--progress li {
  70.     margin-bottom: 20px;
  71. }
  72.  
  73. /* Section */
  74. .section:not(.last-child) {
  75.     margin-bottom: 50px;
  76. }
  77. .section__title {
  78.     font-size: 28px;
  79.     text-transform: uppercase;
  80.     margin: 0 0 10px;
  81. }
  82. .section__content {
  83.     padding-left: 90px;
  84. }
  85. .content .module:not(:first-child) {
  86.     margin-top: 50px;
  87. }
  88. .content .module__title {
  89.     margin-bottom: 0;
  90. }
  91.  
  92. /* Language */
  93. .lang {
  94.     justify-content: space-between;
  95. }
  96. .lang__content {
  97.     text-align: center;
  98. }
  99. .lang__content h4 {
  100.     text-transform: uppercase;
  101.     margin-top: 15px;
  102. }