<link rel"stylesheet" type="text/css" href="/app/assets/stylesheets/application.css">

<body class = "backgroundcontainer">


<h1 style= "font-size:150px;color:#FFFFFF;font-family: fantasy; padding-left:430px; padding-top:20px"> Sign up </h1>

<%= simple_form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f| %>
  <%= f.error_notification %>

  <div class="form-inputs">
  <h5 style="font-family:arial; padding-top:70px; padding-left:500px;">
  	<%= f.input :first_name, required: true, autofocus: true %>
  <h5 style="font-family:arial; padding-left:500px;">
  	<%= f.input :last_name, required: true, autofocus: true %>
    <h5 style="font-family:arial;  padding-left:500px;">
  	<%= f.input :birthday, required: true, autofocus: true, start_year: 1900, end_year: 1998 %>
    <h5 style="font-family:arial;  padding-left:500px;">
  	<%= f.input :gender, required: true, as: :select, :collection => ['Female', 'Male'], autofocus: true %>
    <h5 style="font-family:arial; padding-left:500px;">
    <%= f.input :email, required: true, autofocus: true %>
    <h5 style="font-family:arial;  padding-left:500px;">
    <%= f.input :password, required: true, hint: ("#{@minimum_password_length} characters minimum" if @minimum_password_length) %>
    <h5 style="font-family:arial; padding-left:500px;">
    <%= f.input :password_confirmation, required: true %>
  </div>

  <div class="form-actions">
  <h5 style="font-family:arial;  padding-left:650px;">
    <%= f.button :submit, "Sign up" %>
  </div>
<% end %>
<h5 style="font-family:arial; padding-left:660px;">
<%= render "devise/shared/links" %>
