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 */