body {
	background-image: url(https://cowgrls.neocities.org/images/backgrounds/bgclover.gif);
	background-attachment: fixed;
	text-align: center;
	overflow-y: scroll;

}

p {
	font-size: 1em;
	font-family: "Special Elite", system-ui;
	text-align: justify;
	padding: .7rem;
}

a {
	text-decoration: none;
	color: seagreen;
	font-weight: bolder;
}

h3 {
	font-size: 1.25em;
	font-family: "Rye", serif;
	text-align: center;
	color: seagreen;
}


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

.silotop {
	background-image: url(https://cowgrls.neocities.org/images/pngs/silotop.gif);
 	background-size: cover;
 	background-repeat: no-repeat;
 	width: 650px;
 	height: 670px;
 	margin: auto;
 	z-index: -1;
 }

 .silobody {
 	background-image: url(https://cowgrls.neocities.org/images/pngs/silobg.png);
 	background-repeat: repeat-y;
 	background-size: contain;
 	width: 650px;
 	height: auto;
 	margin: auto;

 	z-index: -1;

 }

 .siloflex {
 	height: 200%;
 	width: 80%;
 	margin: auto;
 	top: -20rem;
 	display: flex;
 	flex-flow: column nowrap;
 	justify-content: center;
 	align-content: center;
 	z-index: 5;
 	position: relative;
 	gap: 2rem;
 }

 .silobottom {
 	background-image: url(https://cowgrls.neocities.org/images/pngs/silobottom.png);
 	width: 650px;
 	height: 660px;
 	background-repeat: no-repeat;
 	background-size: cover;
 	margin: -30rem auto -26rem auto;
 	z-index: -1;
 }

 .box {
 	background-color: #edc2c0;
 	border-style: inset;
 	border-color: maroon;
 	border-radius: 15px;
 	height: auto;
 	width: 95%;
 	margin: auto;
 

 }

 .files {
 	margin: auto auto 1vh auto;
 	padding: 1px;
 	width: 98%;
 	display: flex;
 	flex-flow: row wrap;
 	justify-content: center;
 	align-content: center;

 }

 .navigation {
 	bottom: 23vh;
 	left: 65vw;
 	height: auto;
 	width: 15vw;
 	margin: 1rem;
 	display: flex;
 	flex-flow: column nowrap;
 	position: sticky;
 	gap: 1vh;


 }

 .navsection {
 	height: 22px;
 	width: auto;
 	max-width: 50%;
 	color: white;
 	background-color: indianred;
 	border: 5px sienna groove;
 	border-radius: 5px;
 	margin: auto 1px auto 1px;
 }

 .navsection a {
 	margin: auto;
 	padding: 1px;
 	color: white;
 	font-size: 20px;
 
 	font-family: "Smokum", serif;
 	text-transform: uppercase;
 }

 .navsection a:hover {
 	color: springgreen;
 }

 .reminderbox {
 	position: sticky;
 	bottom: 5vh; 	
 	margin: auto auto auto 12vw;
 	height: 20px;
 	width: 62vw;
 	color: red;
 	font-size: 1.3rem;
 	z-index: 999;
 	display: flex;
 	flex-flow: row nowrap;
 	justify-content: space-between;
 }

.pop {
font-size:1.3rem;
color: red;
text-align:center; /* looks weird often if not aligned in center */
-webkit-animation: pop 1s ease-in-out infinite alternate;
-moz-animation: pop 1s ease-in-out infinite alternate;
animation: pop 1s ease-in-out infinite alternate;
}

@keyframes pop {
from { transform:scale(0.95) }
50% { transform:scale(1) }
to { transform:scale(0.95) }
}

@-webkit-keyframes pop {
from { -webkit-transform:scale(0.95) }
50% { -webkit-transform:scale(1) }
to { -webkit-transform:scale(0.95) }
}


 #88x31s img {
 	max-height: 31px;
 	margin: auto;
 }

 #backgrounds img {
 	max-width: 80%;
 	height: 6rem;
 	width: auto;
 	padding: .5rem;
 	margin: auto;
 }

 #blinkies img {
 	max-width: 150px;
 }

 #dividers img {
	margin: auto;
	max-width: 90%;
	padding: .2rem;
 }

 #gifs img {
 	margin: auto;
 	height: auto;
 	max-width: 175px;
 	
 }
 #glitter img {
 	margin: auto;
 	max-height: 100px;
 	padding: ;
 }

 #stamps img {
 	
 }

 #stickers img {
 	margin: auto;
 	padding: .2rem;
 	height: auto;
 	width: auto;
 	max-height: 150px;
 	max-width: 150px;
 	
 	
 }