/* #holder { border: 10px dashed #ccc;

					height: 98%;

					display: flex;

					flex-direction: column;

					> div {

						// these are flex items

						

						// flex: 1; same as:

						// flex-grow: 1;

						// flex-shrink: 1;

						// flex-basis: auto;

						// flex: 1 1 auto;

						flex: 1;

						

						display: flex;

						flex-direction: column;

						justify-content: center;

						> div {

							// also flex items 

						}

					}

					}

#holder.hover { border: 10px dashed #0c0; }

#holder img { display: block; margin: 10px auto; }

#holder p { margin: 10px; font-size: 14px; }

progress { width: 100%; }

progress:after { content: '%'; }

.fail { background: #c00; padding: 2px; color: #fff; }

.hidden { display: none !important;} */