.data-collection-form {
	padding: 2rem;
	background-color: #f0f1f2;
}

/*
.file::-webkit-file-upload-button {
  visibility: hidden;
}
.file::before {
  content: 'Select a photo';
  display: inline-block;
  background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
  border: 1px solid #999;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
}
.file:hover::before {
  border-color: black;
}
.file:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}
*/

input[type='file'] {
  opacity: 0;   
  margin: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}

.photo-upload {
	margin-bottom: 2rem;
}

.upload-button {
	padding: .5rem 1rem;
}

#filename {
	margin-top: 3rem;
	margin-bottom: 3rem;
}

#image-preview {
	width: 100px;
	height: 100px;
	background-color: #CCC;
}