|
|
|
@ -99,6 +99,7 @@ |
|
|
|
|
--text-white: #fff; |
|
|
|
|
--text-black: #121212; |
|
|
|
|
--text-dark: #2b2b3b; |
|
|
|
|
--text-grey: #999; |
|
|
|
|
|
|
|
|
|
/* background */ |
|
|
|
|
--background-white: #fff; |
|
|
|
@ -261,6 +262,7 @@ button{ |
|
|
|
|
} |
|
|
|
|
/* mini-profile */ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* main-menu */ |
|
|
|
|
.main-menu{ |
|
|
|
|
display: flex; |
|
|
|
@ -322,5 +324,74 @@ button{ |
|
|
|
|
background-repeat: no-repeat; |
|
|
|
|
background-size: contain; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
/* main-menu */ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* form */ |
|
|
|
|
.form{ |
|
|
|
|
width: 100%; |
|
|
|
|
|
|
|
|
|
padding: 24px 24px 43px; |
|
|
|
|
|
|
|
|
|
display: flex; |
|
|
|
|
flex-direction: column; |
|
|
|
|
|
|
|
|
|
border-radius: 24px; |
|
|
|
|
background: var(--gradient-turquoise); |
|
|
|
|
} |
|
|
|
|
.form__item{ |
|
|
|
|
margin-top: 16px; |
|
|
|
|
} |
|
|
|
|
.form__title{ |
|
|
|
|
font-family: var(--font-family); |
|
|
|
|
font-weight: 500; |
|
|
|
|
font-size: 24px; |
|
|
|
|
line-height: 133%; |
|
|
|
|
color: var(--text-black); |
|
|
|
|
} |
|
|
|
|
.form__input{ |
|
|
|
|
width: 100%; |
|
|
|
|
|
|
|
|
|
border-radius: 20px; |
|
|
|
|
padding: 12px 16px; |
|
|
|
|
border: 1px solid var(--text-black); |
|
|
|
|
|
|
|
|
|
background: var(--background-white); |
|
|
|
|
|
|
|
|
|
font-family: var(--font-family); |
|
|
|
|
font-weight: 400; |
|
|
|
|
font-size: 20px; |
|
|
|
|
line-height: 120%; |
|
|
|
|
|
|
|
|
|
color: var(--text-black); |
|
|
|
|
} |
|
|
|
|
.form__input::placeholder{ |
|
|
|
|
color: var(--text-grey); |
|
|
|
|
} |
|
|
|
|
.form__input--textarea{ |
|
|
|
|
height: 96px; |
|
|
|
|
resize: none; |
|
|
|
|
} |
|
|
|
|
.form__button{ |
|
|
|
|
width: 100%; |
|
|
|
|
|
|
|
|
|
padding: 12px 24px; |
|
|
|
|
|
|
|
|
|
font-family: var(--font-family); |
|
|
|
|
font-weight: 400; |
|
|
|
|
font-size: 20px; |
|
|
|
|
line-height: 120%; |
|
|
|
|
color: var(--text-white); |
|
|
|
|
|
|
|
|
|
border-radius: 16px; |
|
|
|
|
border: none; |
|
|
|
|
background: var(--background-black); |
|
|
|
|
|
|
|
|
|
cursor: pointer; |
|
|
|
|
|
|
|
|
|
transition: background-color .2s ease-out; |
|
|
|
|
} |
|
|
|
|
.form__button:hover{ |
|
|
|
|
opacity: .8; |
|
|
|
|
} |
|
|
|
|
/* form */ |