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 }