body {
	background-image: url(https://cowgrls.neocities.org/images/backgrounds/demi-rustic-in-bro-06-1969-in-architextures.jpg);
	text-align: center;
	font-family: "Oranienbaum", serif;
	overflow: hidden;
}


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

 .bigwave {
 	height: 100vh;
 	width: 35vw;
 	position: fixed;
 	right: 0px;
 	top: 0px;
 	background-image: url(https://cowgrls.neocities.org/images/backgrounds/copperteal--1575-in-architextures.jpg);
 	 mask: 
    radial-gradient(156.2px at 220px 50%,#000 99%,#0000 101%) 0 calc(50% - 200px)/100% 400px,
    radial-gradient(156.2px at -120px 50%,#0000 99%,#000 101%) 100px 50%/100% 400px repeat-y;
 }
 .bigwavebg {
 	height: 100vh;
 	width: 37vw;
 	position: fixed;
 	right: 0px;
 	top: 0px;
 	background-color: darkmagenta;
 	 mask: 
    radial-gradient(156.2px at 220px 50%,#000 99%,#0000 101%) 0 calc(50% - 200px)/100% 400px,
    radial-gradient(156.2px at -120px 50%,#0000 99%,#000 101%) 100px 50%/100% 400px repeat-y;
 }

 .sidestrip {
 	height: 100vh;
 	width: 15vw;
 	position: fixed;
 	left: 7vw;
 	top: 0px;
 	background-image: url(https://cowgrls.neocities.org/images/backgrounds/venetian-plaster-7874-in-architextures.jpg);
 	border: .5vw darkgreen;
 	border-style: none solid;
 	z-index: 2;
 }

 .sidebar {
 	height: 46vh;
 	width: 18vw;
 	position: fixed;
 	left: 4.5vw;
 	top: 25vh;
 	border: 3vh darkmagenta outset;
 	background-color: peru;
 	box-shadow: inset 0 0 0 1vh powderblue;
 	z-index: 3;
 }

 .sidebar p {
 	font-size: 1rem;
 	color: black;
 	padding: 1rem;
 	margin: 1.8vh;
 	border: dotted navy .4vh;
 	width: 14.3vw;
 	height: 38.5vh;
 	max-height: 38.5vh;
 	text-align: justify;
 }

 .sidebar a {
 	text-decoration: none;
 	font-weight: bold;
 	color: powderblue;

 }

 .sidebar a:hover {
 	color: darkmagenta;
 }

 .titleimg {
 	background-image: url(https://cowgrls.neocities.org/images/word%20art/mud3.png);
 	height: 26vh;
 	width: 40vw;
 	background-size: contain;
 	background-repeat: no-repeat;
 	z-index: 12;
 	position: fixed;
 	left: 2.5vw;
 	top: 3vh;
 }

 .mainflexblock {
 	display: flex;
 	flex-flow: row wrap;
 	overflow: hidden scroll;
 	scrollbar-color: transparent transparent;
 	position: fixed;
 	z-index: 10;
 	right: 0;
 	top: 0;
 	width: 70vw;
 	height: 96vh;
 	align-items: start;
 	gap: 2vw;
 	padding: 2vh;
 }

 .muditem {
 	width: 25vw;
 	height: auto;
 	min-height: 53vh;
 	background-image: url(https://cowgrls.neocities.org/images/backgrounds/bgtile%2013.jpg);
 	background-size: 100px;
 	border: double darkmagenta 2vh;
 	padding: auto;
 	
 }

.muditemblock {
	width: 25vw;
	height: 50vh;
 	display: flex;
 	flex-flow: column nowrap;
 	margin: auto;
}

 .mudname {
 	height: auto;
 	width: 20vw;
 	background-image: url(https://cowgrls.neocities.org/images/backgrounds/venetian-plaster-7874-in-architextures.jpg);
 	border: solid darkgreen .5vh;
  	margin:  1vh auto auto auto;
  	border-radius: 25px;
 }

.mudname h2 {
	margin: auto;
  	font-family: "Henny Penny", system-ui;
  	color: powderblue;
  	font-size: 1.5rem;
}

 .mudphoto {
 	border: dotted navy;
	position: relative;
  	margin: 1vh auto auto auto;
  	height: 27vh;
  	max-width: 20vw;
  	overflow: hidden scroll;
  	scrollbar-color: darkmagenta transparent;
  	scrollbar-width: thin;

 }



 .muddesc {
 	border: dotted navy;
 	background-color: peru;
 	margin: auto;
 	height: auto;
 	max-height: 11vh;
 	width: 20vw;
 	overflow: hidden scroll;
  	scrollbar-color: darkmagenta transparent;
  	scrollbar-width: thin;

 }

 .muddesc p {
 	text-align: justify;
 	margin: .4rem;
 }


.mudslides {
	width: 20vw;
	height: 27vh;
	margin: auto;

.mudslides img {
	height: 100%;
}


.buttbox {
	width: 10vw;
	height: 2vh;
	margin: auto;
	padding: 1vh;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: space-evenly;
}

button {
	margin: 0 auto 0 auto;
}

.decorimg {
	position: fixed;
	max-height: 10vh;
}