/*----------------------------------------------------------------------*/
/*                                                                      */
/*    PUBLIC JOURNAL STYLESHEET                                         */
/*    REVISED 11.5.20                                                   */
/*                                                                      */
/*    CONTAINS CONTRIBUTION-SPECIFIC STYLES  (IF ANY)                   */
/*                                                                      */
/*    BRIAN LONSWAY                                                     */
/*    CO-DESIGN EDITOR, PUBLIC                                          */
/*                                                                      */
/*----------------------------------------------------------------------*/


body {
	margin:0;
	background-color: #3e3e3e;
}

#passages-wrapper {


}

#passages-title {
	width:80%;
	margin: auto;
	padding:10px;
	background-color: orange;
	text-align:center;
	font-size:2em;
	font-weight: 600;
}

#passages-intro {
	width:80%;
	margin: auto;
	padding:10px;
	color:white;
	text-align:center;
}
#passages-flexbox {
	display:flex;
	justify-content: center;
	flex-flow: row wrap;
	height:100vh;

}

#passages-flexbox > div {
	background-color:white;
	margin:10px;
}

.passage-link {
	width:200px;
	height:400px;
	padding:10px;
	font-size:.9em;
	font-weight:600;
	text-align:center;
}

.passage-text {
	text-align:left;
	overflow-y: scroll;
}

.passage-link > img {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 700px) {
.passage-link {
	width:300px;
	height:600px;
		padding:10px;
	font-size:.9em;
	font-weight:600;
	text-align:center;
}

}