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;
}
}
}