|
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687 |
- @import "../../../theme";
-
- header {
- background-color: $background-color;
- display: flex;
- align-items: center;
- justify-content: space-between;
- height: 90px;
- top: 0;
- left: 0;
- padding-left:25px;
-
- .logo {
- display: flex;
- flex-direction: column;
- padding: 6px 14px;
-
- h5 {
- color: $text-color;
- font-weight: 300;
- left: 0;
- font-size: 24px;
- letter-spacing: 0.3px;
- }
- span {
- color: $white;
- letter-spacing: 0.3px;
- font-size: 13px;
- font-weight: 500;
- }
- }
-
- .cross-icon {
- padding-right: 10px;
- button {
- border: none;
- background-color: transparent;
- width: 30px;
- height: 30px;
- margin: 14px;
- cursor: pointer;
- }
- img {
- width: 30px;
- }
- }
- }
-
- .footer-btn {
- border-radius: 25px;
- height: 45px;
- font-size: 14px;
- border: none;
- margin: 5px 0;
- font-weight: 600;
- width: 100%;
- background-color: $green;
- color: $white;
- }
-
- .upfold {
- padding: 30px 25px 0px;
- h3 {
- font-size: 24px;
- color: lighten($color: $heading-color, $amount: 20%);
- text-align: center;
- font-weight: 300;
- padding-top: 13px;
- }
- p {
- color: $content-color;
- text-align: center;
- font-size: 14px;
- line-height: 28px;
- padding: 15px 0;
- font-weight: 400;
- }
- }
-
- button {
- border-radius: 30px;
- height: 50px;
- font-size: 16px;
- border: none;
- margin: 5px;
- font-weight: 600;
- }
|