body {
	background-image: url(https://cowgrls.neocities.org/images/backgrounds/bgtilegreen.gif);
	text-align: center;

	  font-family: "Hina Mincho", serif;
}


.backbtn {
	margin: -1% auto auto 0;
	z-index: 999;
	position: absolute;
	max-height: 80px;
 }

 .bricks {
 	background-image: url(https://cowgrls.neocities.org/images/pngs/brickarch.png);
 	background-repeat: no-repeat;
 	background-size: cover;
 	position: absolute;

 	top: 0vh;
 	left: 0;
 	width: 100vw;
 	height: 100vh;
 	z-index: 1;
 }

.flames {
	background-image: url(https://cowgrls.neocities.org/images/gifs/webdecor/45WJV5EEHHZGBL6DTCXO5MCE3QYYUMLB.gif);
	background-repeat: no-repeat;
	background-size: cover;
	width: 90vw;
	min-height: 10vh;
	bottom: 0;
	margin: auto;
	position: absolute;
	overflow: none;
}

.clipart {
	z-index: 999;
	position: absolute;
}

.tittle {
	min-width: 80rem;
	min-height: 17rem;
	background-image: url(https://cowgrls.neocities.org/images/word%20art/breadventuresw.png);
	background-repeat: no-repeat;
	background-size: auto;
	position: fixed;
	top: 1rem;
	z-index: 11;
}
.tittlebg {
	min-width: 80rem;
	min-height: 17rem;
	background-image: url(https://cowgrls.neocities.org/images/word%20art/breadventuresbg.png);
	background-repeat: no-repeat;
	background-size: auto;
	position: fixed;
	top: 1rem;
	z-index: 9;
}

 .mainflex {
 	width: 98%;
 	height: 100%;
 	position: fixed;
 	bottom:-1.5rem;
 	z-index: 10;
 	display: flex;
 	flex-flow: row nowrap;
 	align-content: flex-start;
 	overflow: scroll hidden;
 
 }

 .colbox {
 	display: flex;
 	flex-flow: row nowrap;
 	height: 81vh;
 	align-content: flex-end;
 	overflow-x: scroll;
 	overflow-y: hidden;
 	margin: auto auto 0 auto;
 
 	scrollbar-width: thin;
 	scrollbar-color: darkgoldenrod transparent;

 }

 .columns {
 	display: flex;
 	flex-flow: column nowrap;
 	height: 81vh;
 	width: 28rem;
 	z-index: 10;
 	margin: auto auto 1rem auto;
 	
 	overflow: scroll;
 	scrollbar-width: thin;
 	scrollbar-color: darkgoldenrod transparent;
 	align-items: center;
 	gap: .5rem;
 	flex-shrink: 0;
 }

.intro {
 	background-color: darkseagreen;
 	border: double .55rem seagreen;
  	border-radius: 5px;
 	width: 25rem;
 	height: 28rem;
 	flex-shrink: 0;
 	position: relative;
 	top: 10rem;
 	left: 2rem;
 	box-shadow: .2em .2em black;
 	z-index: 9;
 }

  .intro p {
 	margin: 1rem;
 	text-align: justify;
 }

 .intro a {
 	color: maroon;
 	text-decoration: none;
 	font-weight: bold;
 	
 }

 .entries {
 	background-color: darkseagreen;
 	border: double .55rem seagreen;
  	border-radius: 5px;
 	width: 25rem;
 	height: auto;
 	box-shadow: .2em .2em black;
 	margin-bottom: .5rem;
 }

 .entries h2 {
 	font-family: "Playball", cursive;
  	font-weight: bolder;
  	font-size: 2rem;
  	color: maroon;
  	text-align: left;
  	margin: 1rem;
  	

 }

 .entries h3 {
 	 font-family: "Ovo", serif;
  	font-weight: 700;
  	color: gainsboro;
  	text-align: center;
  	margin: 1rem ;
  	background-color: seagreen;
  	height: 1.4rem;
  	width: auto;
  	padding: .4rem;
  	border: solid peru .15rem;
  	border-radius: 25px;
 }

 .entries p {
 	margin: 1rem;
 	text-align: justify;
 }

.entries hr {
	color: peru;
	margin: auto 1rem auto 1rem;
}

.entries img {
	margin: auto;
	max-height: 20rem;
	max-width: 12rem;
  	border: solid peru .15rem;
  	border-radius: 5px;
}