@import "https://use.fontawesome.com/releases/v5.5.0/css/all.css";
body{
  background: url(https://i.ytimg.com/vi/2yKsDZrEF7U/maxresdefault.jpg);
  background-size: cover;
  /* background-repeat: no-repeat; */
  /* background-image: radial-gradient(circle,red,blue); */
  margin: 0px;
  padding: 0px;
  font-family: 'Righteous', cursive;
}
.sign-up-box{
  width: 300px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  color: white;
}
.sign-up-box h1{
  float: left;
  font-size: 40px;
  border-bottom: 6px solid  #01b9ff;
  /* margin-bottom: 50px;
  padding: 13px 0; */
}

.textbox{
  width: 100%;
  overflow: hidden;
  font-size: 20px;
  padding: 5px 0;
  margin: 5px 0;
  border-bottom: 2px solid  #01b9ff;
}
.textbox input{
  border: none;
  outline: none;
  background: none;
  color: white;
  font-size: 18px;
  width: 80%;
  float: left;
  margin: 0 5px;
}
.option-input{
  width: 100%;
  overflow: hidden;
  font-size: 20px;
  padding: 5px 0;
  margin: 5px 0;
}
.btn{
  width: 100%;
  background: none;
  border: 2px solid  #01b9ff;
  color: white;
  padding: 5px;
  font-size: 18px;
  cursor: pointer;
  margin: 12px 0;
  text-transform: uppercase;
}
select {
    padding: 10px;
    width: 32%;
    border-radius: 5px;
}
.inputfield {
    font-size:large !important;
    height: 50px !important;
    border-radius: 5px;
}

