p,h1, h2, h3,h4,h5,h6,input,body  {
	font-size:1.2rem; 
	font-weight:400;
	margin:0;
	padding:0;
	font-family: garamond;
	color:white;
}






a:link, a:visited, a:hover, a:active, li a, p a {
  	color:teal;
  	text-decoration: none;
	cursor:pointer;
}
.featured a {color:orange;}


li{margin:10px;}
nav img {height:1.2rem; width:1.2rem; stroke:white;}
footer input {background-color:black; border:1pt solid white; display:block; margin:10px auto; text-align:center;}
form{display:block; width:fit-content;margin:auto;}


h1 {color:teal;}
#insignia img {height:1.8rem; width:1.8rem; stroke: teal;padding:.5rem;float:left;}
h1, #artisttag {display:inline-block; width:fit-contents;}
#artisttag {color:white}

h2 {text-align:center;  font-size:2rem; margin:80px 0px 20px 0px;}


pre {font-size:.85rem;}

#pageviewcontainer .album hr {margin: 100px 35% 10px 35%;border:2pt solid teal;}
#pageviewcontainer .album h4{text-align:left; font-size:2.75rem;color:teal;}

footer{background-color:black; padding:75px 0px;}


main {			
	background-image: url('/assets/sqbw_thirdtower.jpg'); 
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
  	background-color: rgba(0, 0, 0, 0.75); 
  	background-blend-mode: darken;  
	opacity:.85;
	padding: 5vh 1vw;
}
#biosection {background-color:teal;padding:5vh 15vw;}
#albumsection {			
	background-image: url('/assets/mountain-view.jpg'); 
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
	opacity:.85;
	padding: 5vh 1vw;
}


#pageviewcontainer{max-width:600px;margin:auto;}

#news{max-width:500px;margin:auto;}


.album {
    max-width:750px;margin:auto;
}
.tracktitle,.trackaudio 
{display: inline-block;
  vertical-align: middle;}
.tracktitle {width:40%;text-align:right;font-size:.92rem;}
.trackaudio {width:45%;}
.tracktitle,.trackaudio {margin:15px 1%; padding:0%;}
.tracktitle span {white-space: nowrap;}

#featureheader {color:orange;}
#musicheader {color:teal;margin:60px auto;}




.collectiongroup div{margin:30px 5px 5px 5px;}


.featured {max-width:500px;margin:auto;padding:50px;}

.collectionmain a, .collectionmain h3 {
	line-height:2.6rem;
	vertical-align: middle;
}

.collectionmain a {
	margin-right:1rem;
        white-space: nowrap;
} 

.collectionmain h3 {
	color:white;
  	opacity:.2;
  	font-size:3rem;
	display:block;
}

.collectiongroup p {
	padding:15px 10vw;
}

.credits {text-align:center;}

hr {margin:23px auto;}

pre{display:block;width:fit-content; margin:40px auto 24px auto;}

#signatureimg {display:block;height:100px;width:100px;margin:75px auto;border-radius:50px;cursor:pointer;}

.lyricdiv {padding:30px 25px;}
.lyricimg {width:100%;margin:auto;display:block;}

.chipdiv {display:block;max-width:130px;margin:auto;}
.chipimg {width:100%}

.coverdiv {display:block;max-width:450px;margin:25px auto;}
.coverartimg {width:100%}

summary {text-align:center;margin:24px;}

#bio {padding:20px;}
h6 {text-align:center;}


#closepageview{font-size:32px;
background-color:grey;
display:block;width:32px;
text-align:center;padding:5px;
cursor:pointer;}

#pageviewcontainer{
background-color:black;
padding:5vw;
margin:3vh auto;
}
#pageviewcontainer h4{
font-size:1.8rem;
text-align:center;
margin:20px 0px;
}
#pageviewcontainer p{
margin:15px;
}

h5{margin:20px 0px; text-align:center;}
h6{margin:20px 0px;}

#bio{max-width:600px; display:block; margin:auto;}
.scriptview,.name,.actn,.line,.rise,.page,.rcit,.titl  {
	font-family: "Courier New", Courier, monospace; 
	font-size:10pt;
	color:white;
	padding:0px;
	}
.scriptview {max-width:300px;margin:auto auto;}
.scriptview p {padding:0px 12px !important;} 

/* Page Numbers */
.scriptview .page {text-align:right; border-top:1pt solid #555;}

/* Setting and At Rise */
.scriptview .rise {margin:12pt 0 0 0pt !important;}

/* Character's Name */
.scriptview .name {margin:12pt 0 0 70pt !important;}

/* Character's Line */
.scriptview .line {margin:0 0 12pt 0 !important;}

/* Stage Actions */
.scriptview .actn {margin:12pt 0 0 70pt !important;font-style:italic;}

/* Recitations (Singing or Reading) */
.scriptview .rcit {margin:0 0 12pt 70pt !important;}

/* Title (Title, Genre, Authorship) */
.scriptview .titl {text-align:center;}

#albumsection img {width: calc(110px + 12vw); border:2pt solid white; border-radius:8px;}

.collectiongroup a {color:white;font-size:1rem;text-align:center;}

.collectiongroup {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: stretch;
    justify-content: space-evenly;
    align-items: flex-end;
}