/* general element style */

body {
	background-image: url(https://files.catbox.moe/nlghti.jpg);
}
p {
	text-align: justify;
	font-family: "Peix Square";
	margin-bottom: 28px;
	color: black;
	font-size: 14pt;
}

/* header text */

.bandinfotext > h1 {
	font-family: 'catshopregular';
	font-size: 32pt;
}

/* nav link style */

.madrua {
	color: white;
}

/* general div style */

.boxcentre {
	padding: 32px;
	max-width: 880px;
	margin-bottom: 50px;
}
#bandinfo {
	display: grid;
	grid-template:
		"sec1 sec1"
		"divider gigs"
		"audio gigs"
		"photos photos"
		/1fr 1fr;
}
.bandinfotext {
	grid-area: sec1;
	padding-right: 40px;
}
.dividerbox {
	grid-area: divider;
}
.audio {
	grid-area: audio;
	margin-left: 10px;
}
.photos {
	grid-area: photos;
	margin-top: 20px;
	max-width: 90%;
	justify-self: center;
}
.boxinfo {
	border-image-slice: 21 fill;
	border-image-width: 24px;
	border-image-source: url("https://files.catbox.moe/c7y0us.PNG");
	border-style: solid;
	padding: 0;
	margin-top: 30px;
	height: 280px;
	width: 280px;
}
.scroll {
	min-height: 100px;
	max-height: fit-content;
}

/* centre section */
.single {
	font-size: 15pt;
	animation-name: floating;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}
@keyframes floating {
0% { transform: translate(0, 0px); }
50% { transform: translate(0, 5px); }
100% { transform: translate(0, -0px); }
}
#gigs {
	grid-area: gigs;
	margin-bottom: 12px;
	margin-right: -35px;
	margin-top: -10px;
	justify-self: end;
	transform: rotate(5deg);
}
#gigs > p {
	margin-bottom: 8px;
	font-family: menlo;
	font-size: 10pt;
	padding-top: 10px;
}

/* side box button style */

.boxinfo a:hover {
	color: blue;
}
.boxinfo li {
	height: 30px;
}

/* listen here side box */

#listen {
	margin-top: 100px;
	transform: rotate(-3deg);
}
#listen a {
	width: 128px;
	padding: 0;
}

/* contacts side box */

#links {

}

/* images */

.lift1 {
	float: left;
	width: 35%;
	margin-right: 20px;
	margin-top: 4px;
}
.divide {
	display: inline;
	margin: 20px 0 0 0;
	width: 550px;
}
.galleryimg {
	max-width: 100%;
	margin-bottom: 50px;
}
.fan {
	position: absolute;
	right: 400px;
	top: 34px;
}