/* CSS file for three image layout */


body {
     font-family: ‘Helvetica Neue’, Helvetica, Arial, sans-serif; 
     min-height: 100vh;  /* need this line to tell body to fill viewport */
     /* has to be a flexbox so contents can be arranged */
     display: flex;     
     flex-direction: column;   
     }

main {
     background-color: gray;
     /* stuff about this container */ 
     display: flex;
     flex-direction: column;
     align-items: center;
     /* stuff about this box itself */
     flex-grow: 1; /* fill vertical space in parent container */
}

#threePhotosContainer {
	margin: 10px;
	/* stuff about this container */
	display: flex;
	flex-direction: column;
	align-items: baseline;  /* could also be flex-start */
	/* stuff about this item */
	flex-grow: 1;  /* go all the way to end! */ 
}

div.flexy {
	/* only stuff about this item */
	align-self: flex-start;
	flex-grow: 1;
}

img.flickrPhoto {
	height: 100px;
	}


p {
  color: white;
}


input {
	font-size: large;
}

button {
	font-size: large;
	border-radius: 10px;
	padding: 5px;
	margin: 5px;
}