Text overlay toggler and table of contents
[wolnelektury.git] / src / wolnelektury / static / 2021 / css / components / _support.scss
1 .c-support {
2   display: flex;
3   margin-top: 100px;
4   flex-direction: column;
5   border-top: 4px solid $color-light-gray;
6   border-bottom: 4px solid $color-light-gray;
7   padding: 90px 0 40px 0;
8
9   h2 {
10     margin: 0;
11     font-weight: $bold;
12     @include font-size(64px);
13     letter-spacing: -0.02em;
14     color: $color-primary;
15     line-height: 64px;
16   }
17   a {
18     font-weight: $bold;
19     @include font-size(48px);
20     line-height: 56px;
21     text-align: center;
22     letter-spacing: 0.01em;
23     color: $color-primary;
24     border: 12px solid $color-yellow;
25     box-sizing: border-box;
26     border-radius: 40px;
27     width: 550px;
28     display: inline-block;
29     padding: 33px 23px 33px 193px;
30     margin-right: 0;
31     margin-left: auto;
32     position: relative;
33     top: -50px;
34     transition: all $ease-dynamic 350ms;
35
36     &:hover {
37       background: $color-yellow;
38     }
39   }
40 }