/ src / sass / homePage.module.css
homePage.module.css
 1  .wrapper {
 2    color: #ffffff;
 3  }
 4  .wrapper .main {
 5    min-height: calc(100vh - 80px - 100px);
 6    padding: 40px 40px;
 7    text-align: center;
 8    display: flex;
 9    flex-direction: column;
10    align-items: center;
11    background-color: #012060;
12  }
13  .wrapper .text__lead,
14  .wrapper .text__sub {
15    font-size: 38px;
16    line-height: 1.5;
17    color: #222;
18    font-weight: 400;
19    margin: 40px 0;
20    color: #ffffff;
21  }
22  .wrapper .text__sub {
23    font-size: 24px;
24    font-weight: 300;
25  }
26  
27  .page__btns {
28    display: flex;
29  }
30  .page__btns .btn {
31    padding: 0 80px;
32    line-height: 53px;
33    font-size: 14px;
34    border-radius: 30px;
35    cursor: pointer;
36    outline: none;
37    border: 1px solid transparent;
38    line-height: 48px;
39    transition: 0.1s ease-in-out;
40    transition-property: color, background-color, border-color;
41  }
42  .page__btns .btn__primary {
43    background: #ffffff;
44    color: #1e87f0;
45  }
46  .page__btns .btn__primary:hover {
47    box-shadow: 0 10px 40px #1e87f0;
48  }
49  .page__btns .btn__secondary {
50    background-color: transparent;
51    color: rgba(255, 255, 255, 0.8);
52    border: 1px solid #e5e5e5;
53    border-color: rgba(255, 255, 255, 0.6);
54  }
55  .page__btns .btn__secondary:hover {
56    border-color: #ffffff;
57    color: #ffffff;
58  }
59  
60  .footer {
61    padding: 80px 0;
62    color: rgb(255, 255, 255);
63    text-align: center;
64    background-color: #012060;
65  }
66  .footer .link {
67    cursor: pointer;
68  }
69  .footer .link:hover {
70    color: rgb(255, 255, 255);
71  }/*# sourceMappingURL=homePage.module.css.map */