.signUpWrapper{
  position: relative;
  left: calc((100vw - 450px)/2);
  margin-top:5vh;
  width:400px;
  height: 70vh;
  padding: 10px;
  float:left;
}
.signUpWrapperFirstName{
}
.signUpWrapperLastName{
}
.signUpWrapperEmail{
}
.signUpHeader{
  float:left;
  height: 30%;
  width: 100%;
}
.signUpInputLabel{
  float:left;
  margin-left: 15%;
  width: 70%;
  margin-right: 25%;
  margin-bottom: 3%;
  height: 20px;
  padding:1px;
  border: 0px;
  outline: none;
  overflow: hidden;
}
.signUpInput{
  float:left;
  margin-left: 15%;
  width: 70%;
  margin-right: 25%;
  margin-bottom: 3%;
  padding:8px;
  border: 1.25px solid rgb(36, 45, 99,0.25);
  border-radius: 5px;
  transition: all 0.3s;
  outline: none;
  overflow: hidden;
}
.signUpInput.selected{
  border: 1.25px solid rgb(36, 45, 99,1);
}
.signUpInput:hover{
  border: 1.25px solid rgb(36, 45, 99, 0.65);
  transition: all 0.3s;
}
.mask{
  padding:8px;
  position:absolute;
  background:white;
  opacity:0;
  z-index:10;
  border: 1.25px solid rgb(36, 45, 99,0.25);
  border-radius: 5px;

}
.signUpWrapperLogo{
  float:left;
  margin-top:5%;
  margin-left:5;
  max-width: 90%;
  z-index: 1
}
.agreeButtonWrapper{
  float:left;
  margin-top: 5%;
  height: 30%;
  width: 80px;
  margin-right: 15%;
  background-color: rgb(42,170,220,0.75);
  height: 30px;
  color:white;
  transition: all 0.3s;
  text-align: center;
  border-radius: 5px;
  padding-top:3px;

}
.disagreeButtonWrapper{
  float:left;
  margin-top: 5%;
  height: 30%;
  width: 80px;
  background-color: rgb(237,79,50,0.75);
  height: 30px;
  color:white;
  transition: all 0.3s;
  text-align: center;
  border-radius: 5px;
  padding-top:3px;
}
.disagreeButtonWrapper:hover{
  background-color: rgb(237,79,50,1);
  transition: all 0.3s;
  cursor: pointer;
  text-align: center;
}
.agreeButtonWrapper:hover{
  background-color: rgb(42,170,220,1);
  transition: all 0.3s;
  cursor: pointer;
  text-align: center;
}

.signUpButtonWrapper{
  float:left;
  width: 100%;
  height: 30px;
}
.signUpButton{
  background-color: rgb(36, 45, 99,0.75);
  float:left;
  margin-left: 37%;
  color:white;
  transition: all 0.3s;
  text-align: center;
  border-radius: 5px;
  padding:5px;
  padding-left:10px;
  padding-right:10px;
}
.signUpLoadingWheel{
  float:left;
  margin-left: 80%;
  margin-top: 30%;
  width: 20%;
  height: 30px;
  transition: all 0.3s;
  text-align: center;
  border-radius: 5px;
  padding-top:5px;

}
.signUpButton:hover{
  background-color: rgb(36, 45, 99,1);
  transition: all 0.3s;
  cursor: pointer;
  text-align: center;
}