@@ -4,8 +4,8 @@
44
55body {
66 font-family: 'Inter UI', -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
7− font-size: 3.5rem;
8− line-height: 6rem;
7+ font-size: (3.5rem / 4);
8+ line-height: (6rem / 4);
99 color: #000000;
1010}
1111
@@ -14,7 +14,7 @@ a {
1414}
1515
1616p img {
17− margin: 4rem 0;
17+ margin: (4rem / 4) 0;
1818 width: 100%;
1919}
2020
@@ -27,34 +27,38 @@ iframe {
2727 */
2828
2929.main-wrapper {
30− margin-top: 24rem;
30+ margin-top: (24rem / 4);
3131}
3232
3333.wrapper {
3434 position: relative;
3535 margin: 0 auto;
36− padding: 0 2rem;
36+ padding: 0 (4rem / 4);
3737 max-width: 960px;
3838}
3939
4040.container {
4141 display: flex;
42+<<<<<<< HEAD
4243 padding-bottom: 32rem;
44+=======
45+ padding-bottom: (32rem / 4);
46+>>>>>>> origin/master
4347}
4448
4549.container--fixed {
4650 position: fixed;
47− margin-top: -24rem;
51+ margin-top: -(24rem / 4);
4852}
4953
5054.content-nav {
5155 width: 20%;
5256 min-width: 200px;
53− padding-right: 1rem;
54− margin-top: 24rem;
57+ padding-right: (1rem / 4);
58+ margin-top: (24rem / 4);
5559 &__item {
56− line-height: 8rem;
57− margin-bottom: 1rem;
60+ line-height: (8rem / 4);
61+ margin-bottom: (1rem / 4);
5862 }
5963 li {
6064 font-size: inherit;
@@ -64,8 +68,8 @@ iframe {
6468
6569.content-nav-icon {
6670 position: fixed;
67− left: 2rem;
68− top: 24rem;
71+ left: (2rem / 4);
72+ top: (24rem / 4);
6973 width: 10px;
7074 height: 10px;
7175 cursor: pointer;
@@ -85,7 +89,7 @@ iframe {
8589 .content-nav {
8690 overflow-y: scroll;
8791 .list:first-child {
88− padding-bottom: 14rem;
92+ padding-bottom: (14rem / 4);
8993 }
9094 .list li:last-child .subsub-list li:last-child {
9195 padding-bottom: 0;
@@ -96,10 +100,10 @@ iframe {
96100.content-nav-spacer {
97101 width: 20%;
98102 min-width: 200px;
99− padding-right: 5rem;
103+ padding-right: (5rem / 4);
100104 &__item {
101− line-height: 8rem;
102− margin-bottom: 1rem;
105+ line-height: (8rem / 4);
106+ margin-bottom: (1rem / 4);
103107 }
104108}
105109
@@ -111,7 +115,7 @@ iframe {
111115.content {
112116 position: relative;
113117 z-index: 3;
114− margin-top: -16rem;
118+ margin-top: -(16rem / 4);
115119}
116120
117121.content-nav-icon {
@@ -130,12 +134,12 @@ iframe {
130134}
131135
132136.sub-list {
133− padding-left: 4rem;
137+ padding-left: (4rem / 4);
134138 .sub-list {
135139 padding-left: 0;
136140 }
137141 .subsub-list {
138− padding-left: 4rem;
142+ padding-left: (4rem / 4);
139143 }
140144}
141145
@@ -150,12 +154,12 @@ iframe {
150154 display: flex;
151155 justify-content: flex-start;
152156 .list__item {
153− margin-right: 4rem;
157+ margin-right: (4rem / 4);
154158 }
155159}
156160
157161.body-regular {
158− margin-bottom: 7rem;
162+ margin-bottom: (7rem / 4);
159163}
160164
161165.video-wrapper {
@@ -179,7 +183,7 @@ iframe {
179183
180184.header {
181185 position: fixed;
182− height: 24rem;
186+ height: (24rem / 4);
183187 width: 100%;
184188 z-index: 2;
185189 top: 0;
@@ -192,24 +196,24 @@ iframe {
192196 supported by Chrome and Opera */
193197 &__navigation {
194198 display: none;
195− padding-top: 9rem;
199+ padding-top: (9rem / 4);
196200 }
197201 &__nav-icon {
198202 position: absolute;
199− margin-left: 2rem;
200− width: 6rem;
201− height: 10rem;
203+ margin-left: (4rem / 4);
204+ width: (6rem / 4);
205+ height: (10rem / 4);
202206 left: 0;
203− top: 6rem;
207+ top: (6rem / 4);
204208 z-index: 3;
205209 cursor: pointer;
206210 &:before, &:after {
207211 content: '';
208212 position: absolute;
209213 width: 100%;
210− height: 1rem;
214+ height: (1rem / 4);
211215 background: #000;
212− margin-bottom: 4rem;
216+ margin-bottom: (4rem / 4);
213217 top: 50%;
214218 left: 0;
215219 transform-origin: 50%;
@@ -256,7 +260,7 @@ iframe {
256260.posts {
257261 &__content {
258262 z-index: 3;
259− margin-left: -8rem;
263+ margin-left: -(8rem / 4);
260264 }
261265}
262266
@@ -284,10 +288,10 @@ textarea, input[type="text"], input[type="email"], input[type="number"] {
284288button, .btn {
285289 font-family: 'Inter UI', -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
286290 font-weight: 500;
287− font-size: 4rem;
288− line-height: 4rem;
291+ font-size: (4rem / 4);
292+ line-height: (4rem / 4);
289293 user-select: none;
290− padding: 3rem 6rem;
294+ padding: (3rem /4) (6rem / 4);
291295 margin: 0 0 6px;
292296 border: none;
293297 cursor: pointer;
@@ -348,59 +352,59 @@ h1, h2, h3, h4 {
348352 font-weight: 700;
349353}
350354h1 {
351− font-size: 8rem;
352− line-height: 8rem;
355+ font-size: (8rem / 4);
356+ line-height: (8rem / 4);
353357}
354358h2 {
355− font-size: 6rem;
356− line-height: 6rem;
359+ font-size: (6rem / 4);
360+ line-height: (6rem / 4);
357361}
358362h3 {
359− font-size: 5rem;
360− line-height: 5rem;
363+ font-size: (5rem / 4);
364+ line-height: (5rem / 4);
361365}
362366h4 {
363− font-size: 4.5rem;
364− line-height: 4.5rem;
367+ font-size: (4.5rem / 4);
368+ line-height: (4.5rem / 4);
365369}
366370h5 {
367− font-size: 4rem;
368− line-height: 4rem;
371+ font-size: (4rem / 4);
372+ line-height: (4rem / 4);
369373}
370374
371375.article {
372376 h1 {
373− margin-bottom: 7rem;
377+ margin-bottom: (7rem / 4);
374378 }
375379 h2 {
376− margin-top: 8rem;
377− margin-bottom: 4rem;
380+ margin-top: (8rem / 4);
381+ margin-bottom: (4rem / 4);
378382 }
379383 h3 {
380− margin-top: 7rem;
381− margin-bottom: 3rem;
384+ margin-top: (7rem / 4);
385+ margin-bottom: (3rem / 4);
382386 }
383387 h4 {
384− margin-top: 6.5rem;
385− margin-bottom: 2.5rem;
388+ margin-top: (6.5rem / 4);
389+ margin-bottom: (2.5rem / 4);
386390 }
387391 h5 {
388− margin-top: 6rem;
389− margin-bottom: 2rem;
392+ margin-top: (6rem / 4);
393+ margin-bottom: (2rem / 4);
390394 }
391395}
392396
393397li {
394− font-size: 4rem;
395− line-height: 8rem;
398+ font-size: (4rem / 4);
399+ line-height: (8rem / 4);
396400 font-weight: 400;
397401}
398402
399403p, .p {
400− font-size: 4rem;
404+ font-size: (4rem / 4);
401405 font-weight: 400;
402− line-height: 8rem;
403− margin: 0 0 4rem;
406+ line-height: (8rem / 4);
407+ margin: 0 0 (4rem / 4);
404408}
405409
406410pre, code {
@@ -412,15 +416,15 @@ pre, code {
412416 span {
413417 color: #000 !important;
414418 }
415− padding: 1rem;
416− font-size: 4rem;
419+ padding: (1rem / 4);
420+ font-size: (4rem / 4);
417421}
418422
419423textarea, input[type="text"], input[type="email"], input[type="number"] {
420424 border: 1px solid #B1B2B3;
421425 font-family: "Source Code Pro", mono;
422− font-size: 4rem;
423− line-height: 6rem;
426+ font-size: (4rem / 4);
427+ line-height: (6rem / 4);
424428 transition: all 0.1s linear;
425429 padding-right: 40px;
426430 position: relative;