* {
			box-sizing: border-box;
			scroll-behavior: smooth;
			}
			
		
		.body { 
			max-width: 100vw; 
			background-color: white;
			font-size: 100%;
			display: flex;
			flex-direction:row;
			flex-wrap: wrap;
			}
		
		.main {
			font-family: monospace;
			color: black;
			font-size: 100%;
			}
			
			
		.aside {
			flex: 20%;
			display: flex;
			flex-direction: column;
			height: 100vh;
			background-color: #3F475E;
			font-size: 100%;
			text-align: left;
			white-space: pre-wrap;
			padding-left: 2%;
			padding-top: 3%;
			padding-right: 2%;
			padding-bottom: 3%;
			background-color: white;
			border-right-style: solid;
			position: fixed;
			letter-spacing: -1px;'
			}
			
		.bside {
			margin-left: 20%;
			}
					
		.img-gallery {
			max-width: 100%;
			object-fit: contain;
			}
			
		
		.img-page {
			flex: 100%;
			max-width: 100%;
			}
		
		.a:link,.a:visited {
			text-decoration: none;
			}
			
		.button:link,.button:visited {
			border: none;
			color: white;
			padding: 2% 5%;
			text-align: center;
			margin: 2%;
			text-decoration: none;
			font-size: 100%;
			cursor: pointer;
			display: inline-block;
			}

		.button-back:link, .button-back:visited {
			flex: 0 0 5%;
			padding: 10% 0%;
			background-color: #2C3848;
			font-size: 100%;
			letter-spacing: 0px;
			border: none;
			color: white;
			text-align: center;
			margin-left: 3%;
			margin-right: 60%;
			margin-top: auto;
			text-decoration: none;
			cursor: pointer;
			display: inline-block;
			}
			
		.bandcamp {
			flex: 10%;
			}

			
		@media (max-width: 800px) {
			.aside {
				flex:100%;
				height: 10%;
				border-right-style: none;
				border-bottom-style: solid;
				position: static;
				padding-bottom: 3%;
			}
			
			.bside {
				flex:100%;
				margin-left: 0%;
			}
			
			p {margin-bottom: 0%;}
			
			.button-back {
			display: none !important;
			}
		}