.Apper { height: 100vh; display: flex; color: white; } .Apper__Aside { width: 50%; background-color: #66DAC7; text-align: center; } .Apper__Form { width: 50%; background-color: #ffffff; padding: 25px 40px; overflow: auto; } .PageSwitcher { display: flex; justify-content: flex-end; margin-bottom: 10%; } .Apper__Aside__Text{ display: -webkit-flex; display: flex; align-items: center; justify-self: center; } .PageSwitcher__Item { background-color: #4C5D72; color: white; padding: 10px 25px; cursor: pointer; font-size: .9em; border: none; outline: none; display: inline-block; text-decoration: none; } .PageSwitcher__Item--Active { background-color: #66bfbf; color: white; } .PageSwitcher__Item:first-child { border-top-left-radius: 25px; border-bottom-left-radius: 25px; } .PageSwitcher__Item:last-child { border-top-right-radius: 25px; border-bottom-right-radius: 25px; } .FormCenter { margin-bottom: 100px; } .FormTitle { color: #000000; font-weight: 300; margin-bottom: 50px; } .FormTitle__Link { color: #707C8B; text-decoration: none; display: inline-block; font-size: 1.7em; margin: 0 10px; padding-bottom: 5px; } .FormTitle__Link:first-child { margin-left: 0; } .FormTitle__Link--Active { color: #707c8b; border-bottom: 1px solid #199087; } .FormField { margin-bottom: 40px; } .FormField__Label { display: block; text-transform: uppercase; font-size: .9em; color: #000000; text-align: start; margin-left:45px; } .FormField__Input { width: 85%; background-color: transparent; border: none; color: white; outline: none; border-bottom: 1px solid #445366; font-size: 1em; font-weight: 300; padding-bottom: 10px; margin-top: 10px; } .FormField__Input::placeholder { color: #616E7F; } .FormField__Button { background-color: #52C4B9; color: white; border: none; outline: none; border-radius: 25px; padding: 15px 70px; font-size: .8em; font-weight: 500; } .FormField__Link { color: #66707D; text-decoration: none; display: inline-block; border-bottom: 1.5px solid #225E62; padding-bottom: 5px; } .FormField__CheckboxLabel { color: #646F7D; font-size: .9em; } .FormField__Checkbox { position: relative; top: 1.5px; } .FormField__TermsLink { color: white; border-bottom: 1px solid #199087; text-decoration: none; display: inline-block; padding-bottom: 2px; margin-left: 5px; }