App.css

.App {
  height: 100vh;
  display: flex;
  color: white;
}

.App__Aside {
  width: 50%;
  background-color: orangered;
}

.App__Form {
  width: 50%;
  background-color: whitesmoke;
  padding: 25px 40px;
  overflow: auto;
}

label {
  display: inline-block;
  width: 300px;
  color: #445366;
}

input:invalid+span:after {
    content: '✖';
    padding-left: 5px;
}

input:valid+span:after {
    content: '✓';
    padding-left: 5px;
}


label {
  display: block;
  font: 1rem 'Fira Sans', sans-serif;
}

input,
label {
  margin: .4rem 0;
}

.note {
  font-size: .8em;
}


.FormTitle {
  color: #707C8B;
  margin-bottom: 50px;
  justify-content: center;
  display: flex;
}

.FormTitle__Link {
  color: #707C8B;
  text-decoration: none;
  display: inline-block;
  font-size: 1.7em;
  margin: 0 10px;
  padding-bottom: 5px;
}


.FormField {
  margin-bottom: 40px;
}

.FormField__Label {
  display: block;
  text-transform: uppercase;
  font-size: .9em;
  color: rgb(201, 173, 173);
}
.FormField__Input {
  width: 85%;
  background-color: transparent;
  border: none;
  color: rgb(214, 153, 153);
  outline: none;
  border-bottom: 1px solid #445366;
  font-size: 1em;
  font-weight: 300;
  padding-bottom: 10px;
  margin-top: 10px;
}

.FormField__Input::placeholder {
  color: rgb(202, 211, 223);
}

.FormField__Button {
  font-size: 20px;
  border-radius: 15px;
  color: white;
  background-color: orangered;
  border: 2px solid orangered;
  transition: all ease-in-out 500ms;
  padding-left:10px;
  padding-right:10px;
  
}

.FormField__Buuton:hover{
  box-shadow: 0px 0px 0px 2px #fff inset;

}
.FormField__Link {
  color: #66707D;
  text-decoration: none;
  display: inline-block;
  border-bottom: 1.5px solid #225E62;
  padding-bottom: 5px;
}

.FormField__CheckboxLabel {
  color: rgb(15, 21, 29);
  font-size: .9em;
}

.FormField__Checkbox {
  position: relative;
  top: 1.5px;
}

.FormField__TermsLink {
  color: rgb(179, 139, 139);
  border-bottom: 1px solid #78b4af;
  text-decoration: none;
  display: inline-block;
  padding-bottom: 2px;
  margin-left: 5px;
}