ciawalsh/iamME

#background-create-event {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
  z-index: 12;
  background:white;
  background:rgba(51,51,51,0.8);
}

form#new_event {
  position: fixed;
  width: 100%;
  top: 60%;
  left: 50%;
  background-color: white;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
  background-color: white;
  width: 500px;
  padding-bottom: 5%;
  border: 2px solid white;
}

#create-event-form input[type="text"] {
  width: 98%;
  line-height: 2.3em;
  background-color: transparent;
  border: 1px solid black;
  color: black;
  border-radius: 2px;
  padding-left: 1%;
}

#create-event-form {
  width: 450px;
  height: 450px;
  position: fixed;
  top: 43%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 2px solid #333333;
}

#create-event-form h2 {
  color: white;
  background-color: #333333;
  width: 100%;
  margin: 0 0 2% 0;
  padding: 4%;
  padding-bottom: 2.5%;
  border-top: 1px solid #333333;
}

#create-event-form div {
  padding: 2%;
  padding-left: 4%;
}

#create-event-form .calendar-label {
  margin-right: auto;
  margin-left: auto;
  color: #737373;
  margin-right: 5%;
  font-size: 1.1em;
  padding-left: 1%;
}

#create-event-form .name-field {
  margin-right: auto;
  margin-left: auto;
}

#create-event-form .description-field {
  width: 98%;
  height: 100px;
  font-weight: 500;
  border: 1px solid black;
  border-radius: 2px;
  padding-left: 1%;

}

#create-event-form .location-field {
  margin-right: auto;
  margin-left: auto;
}

#create-event-form .back-button {
  width: 25%;
  line-height: 1.9em;
  display: inline;
  padding: 1%;
  padding-bottom: 0.5%;
  border: 1px solid black;
  background: white;
  border-radius: 2px;
  color: black;
  text-decoration: none;
  float: left;
  display: inline;
  margin-left: 20%;
  margin-right: 4%;
}

#create-event-form input[type="submit"] {
  width: 25%;
  line-height: 1.9em;
  display: inline;
  padding: 1%;
  padding-bottom: 0.5%;
  border: 1px solid black;
  background: white;
  border-radius: 2px;
  color: black;
  text-decoration: none;
  float: left;
  display: inline;
}

#edit-event #create-event-form {
  margin-top: 50px;
  width: 750px;
  height: 700px;
  position: fixed;
  top: 43%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 2px solid #333333;

}