style.scss
 1  @import './assets/styles/global.scss';
 2  
 3  .single-interview {
 4    position: relative;
 5  
 6    .number {
 7      @include hasRedUnderline;
 8      font-family: $secondary-font;
 9      font-size: calculateRem(100);
10      line-height: 1;
11      color: $blue-light;
12      position: absolute;
13      top: 0;
14      left: 0;
15      z-index: -1;
16  
17      &::before {
18        bottom: calculateRem(17);
19        z-index: 0;
20      }
21  
22      @media (min-width: $desktop) {
23        left: calculateRem(-110);
24      }
25    }
26  
27    .name {
28      color: white;
29      font-size: calculateRem(30);
30      padding-top: calculateRem(56);
31      margin-bottom: calculateRem(32);
32      line-height: 1em;
33    }
34  
35    .qa-block {
36      margin-bottom: calculateRem(48);
37    }
38  
39    .question {
40      font-size: calculateRem(18);
41      color: white;
42      margin-bottom: calculateRem(16);
43    }
44  
45    .answer {
46      color: #ddd;
47      font-size: calculateRem(15);
48  
49      p {
50        padding-left: calculateRem(16);
51        position: relative;
52        margin-bottom: calculateRem(10);
53  
54        &::before {
55          content: '\00B7';
56          position: absolute;
57          left: 0;
58          top: 0;
59        }
60      }
61    }
62  }