src/components/Connect/index.scss (46 lines of code) (raw):

.connect { height: 380px; background-color: #0097e0; text-align: center; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; &-title { font-weight: 700; color: #ffffff; font-size: 50px; line-height: 50px; padding: 0px 40px 40px; @media screen and (max-width: 640px) { font-size: 7vw; } } &-desc { color: #ffffff; font-size: 18px; line-height: 18px; padding-top: 20px; @media screen and (max-width: 640px) { font-size: 14px; line-height: 2; } } .ant-btn { width: 219px; height: 60px; line-height: 2.5; background-color: #ffffff; border-radius: 93px; box-sizing: border-box; font-weight: 700; color: #0097e0; font-size: 18px; margin-top: 60px; vertical-align: middle; @media screen and (max-width: 640px) { margin-top: 20px; } } }