Files
Globaly-CSS-Practice/style/_form.scss
2024-05-31 16:34:01 +02:00

105 lines
1.9 KiB
SCSS

.form {
.headline-card {
h4 {
font-family: Merriweather;
color: #31353d;
font-weight: 500;
letter-spacing: 0px;
font-size: 24px;
}
h2 {
font-family: Merriweather;
color: #15c1c6;
font-weight: 700;
letter-spacing: 0px;
font-size: 29px;
}
img{
margin-bottom: 35px;
}
}
h6{
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 1.27778;
font-family: Merriweather;
letter-spacing: 0px;
color: #31353d;
}
select{
padding: 17px 56px 16px 20px;
width: 100%;
border: none;
cursor: pointer;
margin-bottom: 20px;
background-color: #f6f6f6;
color: #777777 !important;
font-family: MerriweatherSans;
}
select:hover{
background: #ededed;
transition: .3s all ease;
}
.input-text{
padding: 18px 20px;
border: none;
background-color: #f6f6f6;
margin: 0 0 20px;
color: #777777 !important;
width: 100%;
font-family: MerriweatherSans;
}
.input-text::placeholder{
color: #777777 !important;
}
.form-container-bot{
position: relative;
}
}
@media only screen and (min-width: 768px) {
.form{
.headline-card{
margin-top: 0px !important;
}
.view-more{
margin-bottom: 0px !important;
}
}
.form-container-bot{
width: 700px;
}
}
@media only screen and (min-width:992px) {
.form{
padding-top: 98px;
padding-bottom: 114px;
.headline-card{
h2 {
font-size: 48px !important;
}
h4{
font-size: 29px !important;
}
}
}
}