.Apper { display: flex; color: white; height:100vh; } .Apper__Aside { width: 50%; background-color: #66bfbf; display:flex; flex-direction: column; justify-content: flex-end; } .Apper__Form { width: 50%; background-color: #ffffff; padding: 25px 40px; overflow: auto; } .PageSwitcher { display: flex; justify-content: flex-end; margin-bottom: 10%; } .Apper_heading{ position: relative; text-align: center; font-family: "Ubuntu"; font-size: 5rem; font-weight: bold; color: #ffffff; text-decoration: none; text-transform: lowercase; } .Apper_logo img{ width:100px; display:flex; margin-bottom: 50px; align-content: flex-start; justify-content: flex-start; } .Apper__Aside__text { text-align: center; margin-bottom: 25%; } .Apper_quote{ color:white; font-size: 1.25em; font-style:italic; } .Apper__Aside_image{ margin-top: 600px; width: 100%; background-size: 100%; } .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: 1.25em; color: #4C5D72; text-align: start; } .FormField__Input { width: 85%; background-color: transparent; border: none; color: #4C5D72; outline: none; border-bottom: 1px solid #445366; font-size: .9em; 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; padding-bottom: 5px; margin-left: 12px; } .FormField__CheckboxLabel { color: #646F7D; font-size: .9em; } .FormField__Checkbox { position: relative; top: 1.5px; } .FormField__TermsLink { color: #646F7D; border-bottom: 1px solid #199087; text-decoration: none; display: inline-block; padding-bottom: 2px; margin-left: 5px; }