body {
	background-color: #aec6cf;
	color: #212529;
	padding-bottom:25px;
	}

@font-face {
	font-family:"joxer";
	src:url("/assets/fonts/joxer.ttf");
	}
	
@font-face {
	font-family:"joxer lowercase";
	src:url("/assets/fonts/joxer-lowercase.ttf");
	}

hr {
	width:40%;
	margin:0 auto;
	padding-top:20px;
	}

a:link {
	color:#2e8bc0;
	text-decoration:none;
	}
	
a:hover {
	color:#4ca1d3;
	text-decoration: red wavy underline;
	}
	
a:visited {
	color:#6b5b95;
	}
	
.linkout:not(:has(img)) {
	padding-right: 12px; 
	background-image: url('assets/images/icons/externallink.png'); 
	background-repeat: no-repeat;
	background-position: center right;
	background-size: 12px; 
	}

.trackplayer {
	margin:10px;
	width:280px;
	}

details.sitemap summary {
	list-style: none;
	padding-left: 32px;
	margin-left:20px;
	cursor: pointer;
	font-size:28px;
	background-image: url('/assets/images/symbols/folder_closed_plus.png');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 30px; 
	}
	
	details.sitemap summary::-webkit-details-marker {
		display: none; 
		}

	details.sitemap[open] > summary {
		background-image: url('/assets/images/symbols/folder_open_minus.png'); 
		background-size: 30px; 
		}

	details.sitemap-inside summary {
		list-style: none;
		padding-left: 32px;
		margin-left:52px;
		cursor: pointer;
		font-size:28px;
		background-image: url('/assets/images/symbols/folder_closed_plus.png');
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 30px; 
		}

	details.sitemap-inside summary::-webkit-details-marker {
		display: none; 
		}

	details.sitemap-inside[open] > summary {
		background-image: url('/assets/images/symbols/folder_open_minus.png'); 
		background-size: 30px; 
		}
	
	details.sitemap-inside-html summary {
		list-style: none;
		padding-left: 32px;
		margin-left:52px;
		cursor: pointer;
		font-size:28px;
		background-image: url('/assets/images/symbols/html_plus.png');
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 30px; 
		}

	details.sitemap-inside-html summary::-webkit-details-marker {
		display: none; 
		}

	details.sitemap-inside-html[open] > summary {
		background-image: url('/assets/images/symbols/html_minus.png'); 
		background-size: 30px; 
		}
	
	details.authorsnotes summary {
		list-style: none;
		padding-left: 32px;
		margin-left:20px;
		cursor: pointer;
		font-size:28px;
		background-image: url('/assets/images/symbols/txt_plus.png');
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 30px; 
		}

	details.authorsnotes summary::-webkit-details-marker {
		display: none; 
		}

	details.authorsnotes[open] > summary {
		background-image: url('/assets/images/symbols/txt_minus.png'); 
		background-size: 30px; 
		}
		
details.arrow-details summary {
	list-style: none;
	padding-left: 24px;
	margin-left:20px;
	cursor: pointer;
	font-size:28px;
	background-image: url('/assets/images/symbols/arrowright_square.png');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 20px; 
	}

details.arrow-details summary:hover {
	color:red;
	}
	
details.arrow-details summary::-webkit-details-marker {
	display: none; 
	}

details.arrow-details[open] summary {
	background-image: url('/assets/images/symbols/arrowdown_square.png'); 
	background-size: 20px; 
	}
	
ul.sitemap {
	list-style: none; 
	padding: 0;
	margin-left: 20px;
	text-align:left;
	}

	ul.sitemap li {
		padding-left: 32px; 
		margin-bottom: 2px;  
		background-image: url('/assets/images/symbols/folder_closed_blank.png');
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 30px; 
		}
		
	ul.sitemap-html {
		list-style: none; 
		padding: 0;
		margin-left: 20px;
		text-align:left;
		}

	ul.sitemap-html li {
		padding-left: 32px; 
		margin-bottom: 2px;  
		background-image: url('/assets/images/symbols/html.png');
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 30px; 
		}
		
	ul.sitemap-inside {
		list-style: none; 
		padding-left:32px;
		margin-left: 20px;
		text-align:left;
		margin-bottom:0px;
		}

	ul.sitemap-inside li {
		padding-left: 32px; 
		margin-bottom: 0px;  
		background-image: url('/assets/images/symbols/folder_closed_blank.png');
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 30px; 
		}
		
	ul.sitemap-inside-html {
		list-style: none; 
		padding-left:32px;
		margin-left: 20px;
		text-align:left;
		margin-bottom:0px;
		}

	ul.sitemap-inside-html li {
		padding-left: 32px; 
		margin-bottom: 0px;  
		background-image: url('/assets/images/symbols/html.png');
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 30px; 
		}
		
	ul.sitemap-inside2 {
		list-style: none; 
		padding-left:32px;
		margin-left: 40px;
		text-align:left;
		margin-bottom:0px;
		}

	ul.sitemap-inside2 li {
		padding-left: 32px; 
		margin-bottom: 0px;  
		background-image: url('/assets/images/symbols/folder_closed_blank.png');
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 30px; 
		}
	
	ul.sitemap-inside2-section {
		list-style: none; 
		padding-left:32px;
		margin-left: 40px;
		text-align:left;
		margin-bottom:0px;
		}

	ul.sitemap-inside2-section li {
		padding-left: 32px; 
		margin-bottom: 0px;  
		background-image: url('/assets/images/symbols/section.png');
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 30px; 
		}
	
ul.arrow-list {
	list-style: none; 
	padding: 0;
	margin-left: 20px;
	text-align:left;
	}

ul.arrow-list li {
	padding-left: 24px; 
	margin-bottom: 2px;  
    background-image: url('/assets/images/symbols/arrowright.png');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 20px; 
	}
	
/* my stupid fucking credit lists */

	ul.lyrics {
		list-style: none; 
		padding: 0;
		margin-left: 10px;
		text-align:left;
		margin-bottom:0px;
		}

	ul.lyrics li {
		padding-left: 24px; 
		margin-bottom: 2px;  
		background-image: url('/assets/images/symbols/lyrics.png');
		background-repeat: no-repeat;
		background-position: left top;
		background-size: 20px; 
		}
	
	ul.onalbum {
		list-style: none; 
		padding: 0;
		margin-left: 10px;
		text-align:left;
		margin-bottom:0px;
		}

	ul.onalbum li {
		padding-left: 24px; 
		margin-bottom: 2px;  
		background-image: url('/assets/images/symbols/album.png');
		background-repeat: no-repeat;
		background-position: left top;
		background-size: 20px; 
		}
		
	ul.music {
		list-style: none; 
		padding: 0;
		margin-left: 10px;
		text-align:left;
		margin-bottom:0px;
		}

	ul.music li {
		padding-left: 24px; 
		margin-bottom: 2px;  
		background-image: url('/assets/images/symbols/music.png');
		background-repeat: no-repeat;
		background-position: left top;
		background-size: 20px; 
		}
	
	ul.released {
		list-style: none; 
		padding: 0;
		margin-left: 10px;
		text-align:left;
		margin-bottom:0px;
		}

	ul.released li {
		padding-left: 24px; 
		margin-bottom: 2px;  
		background-image: url('/assets/images/symbols/releasedate.png');
		background-repeat: no-repeat;
		background-position: left top;
		background-size: 20px; 
		}
		
	ul.coverart {
		list-style: none; 
		padding: 0;
		margin-left: 10px;
		text-align:left;
		margin-bottom:0px;
		}

	ul.coverart li {
		padding-left: 24px; 
		margin-bottom: 2px;  
		background-image: url('/assets/images/symbols/coverart.png');
		background-repeat: no-repeat;
		background-position: left top;
		background-size: 20px; 
		}
		
	ul.syncedlyrics {
		list-style: none; 
		padding: 0;
		margin-left: 10px;
		text-align:left;
		margin-bottom:0px;
		}

	ul.syncedlyrics li {
		padding-left: 24px; 
		margin-bottom: 2px;  
		background-image: url('/assets/images/symbols/syncedlyrics.png');
		background-repeat: no-repeat;
		background-position: left top;
		background-size: 20px; 
		}
		
	ul.samples {
		list-style: none; 
		padding: 0;
		margin-left: 10px;
		text-align:left;
		margin-bottom:0px;
		}

	ul.samples li {
		padding-left: 24px; 
		margin-bottom: 2px;  
		background-image: url('/assets/images/symbols/samples.png');
		background-repeat: no-repeat;
		background-position: left top;
		background-size: 20px; 
		}
	
/* image */

	img.navimg {
		height:80px;
		}
		
	img.streamlinks {
		height:80px;
		}
		
	img.help-icon {
		height:25px;
		margin-top:-5px;
		padding:0;
		} 

	img.help-icon-tracklist {
		height:20px;
		margin-top:-8px;
		margin-left:4px;
		padding:0;
		} 

	img.albumcover {
		width:300px;
		outline:5px solid;
		outline-color:#5c828c;
		border-radius:10px;
		}

	img.cd-art {
		height:175px;
		}
		
	img.info {
		height:16px;
		margin-top:-8px;
		margin-left:-2px;
		}
		
	img.banners {
		height: auto;
		display: block
		}

/* text */

	.releasedate {
		font-size:20px;
		color:#123030;
		margin-top:-3px;
		text-align:left;
		}

	.albumtitle {
		font-size:30px;
		color:white;
		line-height:0.8;
		text-align:left;
		}

	.releasetype {
		font-size:18px;
		color:#82E4FF;
		line-height:0.8;
		margin-bottom:2px;
		text-align:left;
		}

	.handwritten {
		font-size:28px;
		font-family:"joxer";
		line-height: 0.8;
		}
		
	.handwritten-lowercase {
		font-size:28px;
		font-family:"joxer lowercase";
		line-height: 0.8;
		}
		
	.handwritten-title {
		font-family:"joxer";
		font-weight:900;
		}

	.handwritten-title-big {
		font-family:"joxer";
		font-weight:900;
		font-size:45px;
		}

	.abovebanner {
		font-family:"joxer";
		font-weight:900;
		font-size:45px;
		text-align:center;
		margin-bottom:-20px;
		}

	.pronounce {
		border-bottom: 1px dotted;
		text-decoration: none;
		}

	.inside-details { 
		margin-left:50px;
		margin-top:10px;
		font-size:25px;
		}

	.inside-details-lowercase {
		font-family:"joxer lowercase";
		}

	.inside-table { 
		margin-left:50px;
		margin-top:10px;
		font-size:22px;
		--bs-table-bg:transparent;
		}

	.inside-notes {
		margin-left:20px;
		}

	.albuminfo-text {
		text-align:left;
		}

	.cosmos {
		font-size:18px;
		}

	.artist-table {
		border-bottom: 1px dotted;
		text-decoration: none;
		}

	.sitemap-details { 
		margin-left:100px;
		margin-top:0px;
		}
		
	.emoji {
		font-size:0.5em;
		vertical-align:0.3em;
		}

	.spoilertext {
		filter:blur(6px);
		transition:filter 0.3s ease;
		}

	.audiocaption {
		font-family:"joxer lowercase";
		text-align:center;
		font-size:22px;
		margin-top:-5px;
		margin-bottom:0px;
		}

	.spoilertext:hover {
		filter:blur(0);
		}

/* container */

	.sevenhundred {
		max-width: 700px;
		}
		
	.ninehundred {
		max-width: 900px;
		}
		
	.spacedrow {
		margin-top:20px;
		margin-bottom:20px;
		}

	.discography {
		color:white;
		background-color:#5c828c;
		width:190px;
		border:6px solid;
		border-color:#5c828c;
		outline:3px solid transparent;
		transition:outline-color 0.3s ease, transform 0.3s ease;
		}

	.discography:hover {
		outline-color:#82E4FF;
		transform:scale(1.02);
		}
		
	.albuminfo-table {
		width:300px;
		}
		
	.content-warning {
		border: 25px solid transparent;
		border-image: url('/assets/images/symbols/border.png') 25 round;
		padding: 10px;
		margin: 10px auto;
		max-width: 700px;
		background-clip: padding-box;
		border-image-slice: 25 fill;
		font-size:22px;
		}
	
	.lyricbox {
		border: 25px solid transparent;
		border-image: url('/assets/images/symbols/border.png') 25 stretch;
		padding: 10px;
		padding-bottom:0px;
		margin: 10px auto;
		max-width: 700px;
		background-clip: padding-box;
		border-image-slice: 25 fill;
		font-size:22px;
		}

	.biglyrics .col:first-child {
		display: flex;
        align-items: flex-start;
		}
    
	.biglyrics .col:last-child {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		min-height: 60vh;
		align-items: center;
		}
    
	@media (max-width: 767px) {
    .biglyrics .col:last-child {
        justify-content: flex-start;
        min-height: auto;
        gap: 5px;
    } }
	
	.paddedlyrics {
		padding:10px;
		}
	
	.image-top {
		margin-top: 0;
		margin-bottom: 0;
		max-width:191px;
		}
    
	.image-bottom {
		margin-top: auto; 
		margin-bottom: 0;
		max-width:191px;
		}

	div.middlebanner {
		flex: 483 483 0%; 
		min-width: 0;
		}
		
	div.marginbanner {
		flex: 197 197 0%;
		min-width: 0;
		}
		
	div.gallery {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		margin-left:20px;
		}

	div.gallery-item {
		margin: 5px;
		border: 5px solid #5c828c;
		background-color:#5c828c;
		color: #fff;
		transition: transform 0.3s ease;
		}

	div.gallery-item:hover {
		transform:scale(1.02);
		}

	div.gallery-item img {
		height: 175px;
		width: auto;
		}

	div.gallery-item div.desc {
		padding: 5px;
		text-align: center;
		}
		
	div.sitefooter {
		font-family:"joxer lowercase";
		font-size:22px;
		text-align:center;
		padding-top:25px;
		line-height:20px;
		}
		
/* tabs */

	.tab-container {
		display: flex;
		flex-wrap: wrap;
		max-width: 600px;
		margin: 20px auto;
		font-family: "joxer";
		font-size:25px;
		text-align:left;
		}

	.tab-input {
		display: none;
		}

	.tab-label {
		padding: 5px 10px;
		margin: 5px 5px;
		cursor: pointer;
		background: #5C828C;
		font-weight: bold;
		transition: background 0.3s;
		border-radius:10px;
		color:#ffffff;
		}

	.tab-label:hover {
		background: #4A6870;
		}

	.tab-content {
		display: none;
		width: 100%;
		padding:10px;
		order: 1; 
		box-sizing: border-box;
		}

	.tab-input:checked + .tab-label {
		background: #32474D;
		border-bottom: 1px solid transparent; 
		position: relative;
		z-index: 2;
		}

	.tab-input:checked + .tab-label + .tab-content {
		display: block;
		}