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 {
  	color:teal;
  	text-decoration: none;
}

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;}
nav {margin-bottom:20px;}

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;}

h3 {
  color: teal;
  opacity:.5;
  position:relative;
  font-size:2.5rem;
}

h4 {

	cursor:pointer;
	font-size:1rem;
	display:block;
	width:fit-content;
}
#modal h4 {width:100%;text-align:center;}
pre {font-size:.85rem;}



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


main {
	background-image: url('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;
}

.collectionmain {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.collectiontype {padding:5px;width:250px;}

#modal {
color:white; 
position:fixed; 
top:3vh; 
left:3vw; 
width: calc(100% - 6vw);
height: calc(100% - 6vh);
z-index:5; 
border-top:1pt solid white; 
border-bottom:1pt solid white; 
background-color:black;
opacity:.95;
overflow-y:scroll;
}

#modalclosebutton {
color:grey;
height32px;
line-height:32px;
font-size:32px;
text-align:center;
text-align:center;
display:inline-block;
z-index:6;
width:32px;
cursor:pointer;
position:fixed; 
top:3vh; 
left:3vw;
font-family:verdana;}



.....#modalswap {
color:white; 
position:absolute; 
top:160px; 
left:4vw; 
width:92vw; 
height: calc(100% - 180px);
margin-top:16px;
z-index:5; 
border-top:1pt solid white; 
border-bottom:1pt solid white; 
background-color:black;
opacity:.95;
overflow-y:scroll;
}

.....#modalclosebutton {
margin-top:16px;
color:grey;
height32px;
line-height:32px;
font-size:32px;
text-align:center;
text-align:center;
display:inline-block;
z-index:6;
width:32px;
cursor:pointer;
position:absolute; 
top:160px; 
left:4vw;
font-family:verdana;}

#loadarea {background-color:black;z-index:5;}
#modal h4 {
font-size:1.9rem;
padding:64px 0px;
background-color:white;
color:black;}
#modal h5 {text-align:center;margin:48px 5px;}
#modal p {margin:24px 32px;} 

aside {
text-align:justify; 
letter-spacing:0.2rem;
margin:15px;
}
#modal a {color:teal;}
#modal h6 {text-align:center;}

hr {margin:23px auto;}

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

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

.lyricdiv {display:block;max-width:600px;margin:auto;}
.lyricimg {width:100%}

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


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

#bio {padding:20px;}




/* Main */
.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;}