diff --git a/assets/css/gp-style-core.css b/assets/css/gp-style-core.css
index ffe357f..662f04f 100644
--- a/assets/css/gp-style-core.css
+++ b/assets/css/gp-style-core.css
@@ -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);
-/* main-menu */
\ No newline at end of file
+ border-radius: 16px;
+ border: none;
+ background: var(--background-black);
+
+ cursor: pointer;
+
+ transition: background-color .2s ease-out;
+}
+.form__button:hover{
+ opacity: .8;
+}
+/* form */
\ No newline at end of file
diff --git a/ui_kit.html b/ui_kit.html
index d4238ec..c8ac42f 100644
--- a/ui_kit.html
+++ b/ui_kit.html
@@ -94,28 +94,43 @@
-->
-
+
+