diff --git a/src/components/Main/Main.module.scss b/src/components/Main/Main.module.scss index 364362a..a615234 100644 --- a/src/components/Main/Main.module.scss +++ b/src/components/Main/Main.module.scss @@ -104,7 +104,8 @@ main { display: flex; flex-direction: column; width: 27.864%; - border-right: 1px solid #000000; + height: 285px; + border-right: 1px solid $black; @media (min-width: 2500px) { width: 25.601%; } @@ -133,7 +134,7 @@ main { height: 58px; font-size: 32px; line-height: 38px; - } + } } } } @@ -188,3 +189,71 @@ main { } } } +//Form +.Contato { + form { + .FormContent { + width: 100%; + row-gap: 12px; + display: flex; + flex-direction: column; + &__Field { + width: 100%; + font-family: "Roboto"; + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: 16px; + color: $secundary-100; + & label { + font-family: "Roboto"; + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: 16px; + color: $secundary-200; + margin-left: 15px; + } + & input { + width: 94.39%; + height: 14.02px; + background: $white; + border: 1px solid $secundary-200; + border-radius: 25px; + padding: 15px 20px; + font-family: "Roboto"; + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: 16px; + color: $secundary-100; + margin-top: 12px; + } + &__Error { + font-family: "Roboto"; + font-style: normal; + font-weight: 400; + font-size: 12px; + line-height: 14px; + text-align: right; + color: $primary-900; + position: absolute; + right: 120px; + transform: translateY(-2px); + } + } + & button { + background: $black; + border-radius: 25px; + color: $white; + font-family: 'Roboto'; + font-style: normal; + font-weight: 400; + font-size: 16px; + line-height: 19px; + text-transform: uppercase; + padding: 17px 0 16.44px; + } + } + } +} diff --git a/src/variaveis.scss b/src/variaveis.scss index b0d8901..0c1747a 100644 --- a/src/variaveis.scss +++ b/src/variaveis.scss @@ -6,4 +6,8 @@ $primary-200: #303030; $primary-300: #5E5E5E; $primary-700: #f2f2f2; $primary-600: #C4C4C4; -$primary-500: #C6C6C6; \ No newline at end of file +$primary-500: #C6C6C6; +$primary-900: #FF0000; + +$secundary-100: #b9b7b7; +$secundary-200: #100d0e; \ No newline at end of file