/* UTILITY STYLES */


.name-space {display:grid; position:relative;
			 grid-template-rows:150px;
			 grid-template-columns:100%;
			 align-content:flex-end;
			 top:0px; min-height:150px;
			 background-color:black;
			 margin:0; padding:0px;
			 border:0px; background-color:black;
			 z-index:0; border:none;
			 }
			 
.empty-box {display:grid; position:relative;
			grid-template-columns:100%;
			grid-template-rows:auto;
			min-height:100px; max-height:500px;
			border:0px; background-color:transparent;
			}
			
/* HEIGHT SELECTORS in px */
			
._h5 {grid-template-rows:5px;
	  min-height:5px;max-height:5px;
	  }
			
._h10 {grid-template-rows:10px;
	  min-height:10px;max-height:10px;
	  }
	  
._h15 {grid-template-rows:15px;
	  min-height:15px;max-height:15px;
	  }
	  
._h20 {grid-template-rows:20px;
	  min-height:20px;max-height:20px;
	  }

._h25 {grid-template-rows:25px;
	     min-height:25px;max-height:25px;
	     }	  

._h50 {grid-template-rows:50px;
	     min-height:50px;max-height:50px;
	     }
		 
._h100 {grid-template-rows:100px;
	     min-height:100px;max-height:100px;
	     }
		 
._h150 {grid-template-rows:130px;
	     min-height:130px;max-height:130px;
	     }
		 
._h200 {grid-template-rows:200px;
	     min-height:200px;max-height:200px;
	     }
		 
._h300 {grid-template-rows:300px;
	     min-height:300px;max-height:300px;
	     }
		 		 
._h400 {grid-template-rows:400px;
	     min-height:400px;max-height:400px;
	     }

._h450 {grid-template-rows:450px;
	     min-height:450px;max-height:450px;
	     }		 
		 
._h500 {grid-template-rows:500px;
	     min-height:500px;max-height:500px;
	     }
		 
._h1000 {grid-template-rows:1000px;
	     min-height:1000px;max-height:1000px;
	     }

/* WIDTH SELECTORS in % */
		 
._w5 {grid-template-columns:5%;
	  min-width:5%;max-width:5%;
	  }
			
._w10 {grid-template-columns:10%;
	  min-width:10%;max-width:10%;
	  }
	  
._w15h {grid-template-columns:15%;
	  min-width:15%;max-width:15%;
	  }

._w20 {grid-template-columns:20%;
	     min-width:20%;max-width:20%;
	     }	  

._w25 {grid-template-columns:25%;
	     min-width:25%;max-width:25%;
	     }
		 
._w30 {grid-template-columns:30%;
	     min-width:30%;max-width:30%;
	     }
		 
._w40 {grid-template-columns:40%;
	     min-width:40%;max-width:40%;
	     }
		 
._w50 {grid-template-columns:50%;
	     min-width:50%;max-width:50%;
	     }
		 
._w60 {grid-template-columns:60%;
	     min-width:60%;max-width:60%;
	     }
		 
._w70 {grid-template-columns:70%;
	     min-width:70%;max-width:70%;
	     } 
		 
		 
._w80 {grid-template-columns:80%;
	     min-width:80%;max-width:80%;
	     }
		 
._w90 {grid-template-columns:90%;
	     min-width:90%;max-width:90%;
	     }

._w100 {grid-template-columns:100%;
	     min-width:100%;max-width:100%;
	     }		 
		 
		 
		 
p {line-height:1em;}	
	 

img.center {display:grid; position:relative;
			justify-content:center;
			margin-left:auto; margin-right:auto;
			}


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

.txt-justify  {text-align: justify;
			   text-justify: inter-word;
			   }
			   
.txt-left {text-align:left; }
.txt-right {text-align:right;}
.txt-center {text-align:center;}
.txt-justify  {text-align: justify; text-justify: inter-word;}

.txt-small {font-size:0.8em;}
.txt-std   {font-size:1.0em;}
.txt-med   {font-size:1.2em;}
.txt-lge   {font-size:1.4em;}
.txt-xlge  {font-size:1.8em;}			   
			   
.txt-nodec	{text-decoration:none; font-style:normal;}

.contain {object-fit:contain;}
.cover	 {object-fit:cover;}
.fill	 {object-fit:fill;}

.resize	   {width:auto;  height:auto;}
.resize150 {width:150px;  height:150px;}
.resize100 {width:100px; height:100px;}
.resize200 {width:200px; height:200px;}
.resize900 {width:900px; height:900px;}
.resize1100 {width:1100px; height:200px;}			 
		
.stage {display:grid; position:relative;
		grid-template-rows:auto;
		grid-template-columns:auto;
        width:100%; height:auto;
  		background-image: url("theater0-bg.jpg");
		background-size:contain;
		}   
			   
.audio-wrap {
  display: grid; position:relative;
  width:100%; 
  margin-left:auto; margin-right:auto;
  grid-template-columns: 250px 1fr 250px;
  grid-template-rows:auto auto auto;
  align-content:center;  
  padding: 2px;
}

.audio-wrap > div 
		{
		min-height:100px; height:auto;
		align-content:center;
		text-align: center;
		padding: 10px 0;
		background-color:transparent;
		}

div.audio-left 	{display:grid; position:relative;
				 grid-column-start: 1;
				 justify-items:left; align-content:start;
				 width:250px; text-align:left;
				 padding-left:3px;
				 background-color:transparent;
				 color:#fffacd;
				}

div.audio-setup {grid-column-start: 2;
				 align-content:center;
				 margin-left:auto; margin-right:auto;
				 min-width:50%;
				 user-select: none;                     /* prevent highlighting controls */
				 -webkit-user-select: none;
				 -moz-user-select: none;
				 font-size:1.2em;
				 background-color:transparent;
				 color:#fffacd;
				 }

div.audio-right {
				  display:grid; position:relative;
				  grid-column-start: 3;
				  justify-items:center; align-content:start;
				  width:250px;
				  background-color:transparent;
				  color:#fffacd;
				}

audio {border:2px solid green; width:100%;}

			  
.max-left {width:250px; max-width:250px;}
.max-right {width:250px; max-width:250px;}


.audio-caption {font-size:0.8em; font-weight:700;
				margin-left:auto; margin-right:auto;
				font-family:times, georgia, tahoma, serif;
				color:#fffacd; font-style:italic;
				padding-top:5px; padding-bottom:10px;
				background-color:transparent;
				z-index:500;
				}				

		

 /* BEGIN OPENING NIGHT MET/ZNEWS ZOOM & TWIRL  */
  
div.welcome {display:grid; position:relative;
			 grid-template-rows:425px;
			 grid-template-columns:700px 400px;
  			flex-flow:row nowrap;
  			justify-content:center;
  			 position:relative;
  			 margin-top:0px; 		 
  			 background-color:black;
			 margin:0; padding:0px;
  			 border:0px; 
			 z-index:100;
			 }
			 
div.opening-night {display:grid; position:relative;							/* OPENING MESSAGE BOX */
			top:5px;
			grid-template-columns:80% 10%;
			grid-template-rows:auto;
  			flex-flow:row nowrap;
  			justify-content:center;
			gap:0px 0px;
  			 margin:0; padding:0;
  			 background-color:black;
  			 border:0px;
			 }
  			 
  
.photo-box {display:grid; position:relative;
			grid-template-columns:900px;
			grid-template-rows:400px;             /* adjust fool position/reveal audio controls */
			top:50px;
			justify-content:center;
			top:0; left:200px;
			border:0px;
			z-index:1;                             /* keep nav dropdowns on top */
			border:0px;
			}							
  		
/* MET ZOOM */		
		
.met-box {display:block; 
		  flex-flow:row nowrap;
  		  justify-content:center;		  
  		  width:900px; height:400px;
  		  overflow:hidden;
		  border:0px;
  		  }
  		  
.met-box img{ display:grid; transition:transform .5s ease;}
.met-box:hover img {display:grid;
					  transform: scale(1.5);
					  z-index:0}


/* ZNEWS ROTATE */ 					  
  		  
.znews-box {display:inline-block; position:absolute;
			top:150px; left:-20px;right:-30px;
  			flex-flow:row nowrap;
  			justify-content:center;			 
  			width:900px; height:220px; 			   		   
  			overflow: hidden;
			border:0px;
  			z-index:800;
			}
			

.ticket-box {display:grid; position:relative;
			grid-template-rows:100px;
			grid-template-columns:100px;
			justify-content:flex-end;
			
			width:100px; height:200px;
			 margin-top:200px; margin-left:800px; padding:0px;
			 color:white;
			 border:0px; z-index:900;
			 }
			 
.ticket {display:grid; position:relative;
		 grid-template-rows:auto;
		 grid-template-columns:auto;
		 justify-content:start;
		 margin-top:-50px; margin-left:50px;
		 z-index:1030;
		 border:0px;
		 }
			 
.admit-one {width:100px; height:50px;}

.ticket-caption { justify-content:center;
				  display:inline-block;
				  width:100%; height:150px; margin:0 auto;
				  padding-left:4px;
				  background-color:black;
				  border:0px;
				  }
				  

.stage {display:grid; position:relative;
		grid-template-rows:auto;
		grid-template-columns:100%;
        width:100%; height:500px;
  		background-image: url("theater0.jpg");		
		}
		
.the-theater {display:grid; position:relative;
			  grid-template-rows:auto;
			  grid-template-columns:100%;
			  Justify-content:start;
			  }

.take-a-seat	{display:grid; position:relative;
				 grid-template-columns:250px auto 250px;
				 grid-template-rows:550px;
				 background-image: url("theater0-bg.jpg");
				 background-size:contain;
				 max-height:800px;
				 font-size:1em; font-weight:700;
				 font-style:italic;
				background-color:transparent;
				color:#fffacd;
				border:0px; z-index:999;
				}

				
.playbill-box {	display:grid; 
				grid-template-rows:800px;
				grid-template-columns:40% 10%;
	/*			background-position: 400px 900px;      */
				background-repeat: no-repeat;
				flex-flow:row nowrap;
				margin-left:30%;
				margin-top:0px;
				border:0px;
				z-index:200;
				}
				
				
				
.playbill   {display:grid; position:relative;
			 grid-template-rows:40%;
			 grid-template-columns:50%;
			 justify-content:center;
			 align-content:center;
			 background-image:url("theater0.jpg");
			 object-fit:contain;
			 }
			 

.playbill:hover img {display:grid;
					  transform: scale(1.5);
					  z-index:0}
			 
.flashlight  {display:grid; position:absolute;
			  top:200px; right:90px;
			  min-width:12px; min-height:25px;
			  color:#fffacd;
			  		  
			  }		
  /*
  			-webkit-box-shadow: 5px 5px 5px #111;
  			box-shadow: 5px 5px 5px #111;
  */

/* *********** not used to wrap the fools box   **********
 
 div.curtain-time {display:grid; position:relative;
				 grid-template-columns:100%;
				 grid-template-rows:100px;
				 border:4px solid red;
				 height:100px;
				 z-index:500;
				}
				
*/

.fools-curtain {display:grid; position:relative;				
				grid-template-columns:100%;
				background-image: url("empty-theater.jpg");
				background-size:100%;
				background-repeat:repeat;
				min-height:400px;
				border:0px;
				}
.fools-box {display:grid; position:relative;
			grid-template-columns:100%;
			justify-self:center; margin-left:-250px;
			height:300px;								/* markup controls height */
			width:350px;
			border:0px; padding:0px;
			z-index:30;
			}
  
  
  
  			
 .icon {display: block;
		animation: like 2s 1s 1 linear;
		font-size: 40px;
		}

@keyframes like {
  0% {transform: rotate( 0deg ) scale( 1 );}
  10% {transform: rotate( 15deg ) scale( 1 );}
  50% {transform: rotate( -180deg ) scale( 2.4 );}
  80%,100% {transform: rotate( -360deg ) scale( 1 );}
} 

/*
.upside-down :hover, .upside-down :active    {
			  animation:playbill540 2s 1s 1 ease-in;
			  animation-fill-mode:forwards;
			  }

/* END WELCOME SECTION */



 
 /* THE INTERMISSION BOX */
	
				
/* FROM ACT 1 CSS */

.section-gap {display:grid;
			  grid-template-rows:10px 10px;
			  grid-template-columns:100%;
			  grid-row-gap:50px;                                /* use markup styling to change */
			  margin:0px; padding:0px;
			  background-color:black;
			  }
			  							

 /* BEGIN OPENING NIGHT MET/ZNEWS ZOOM & TWIRL  */
  

	/*  TRANSFORMS & TRANSITIONS */
	
.laniakea:hover img {display:grid;
					  transform: scale(1.5);
					  z-index:0}
  
 .zoom img {
  			height: 450px;										
  			width: 800px;
  			-webkit-transition: all 1s ease;						
  			-moz-transition: all 1s ease;
  			-o-transition: all 1s ease;
  			-ms-transition: all 1s ease;
  			transition: all 1s ease;						/* property/duration/timing/delay  */
  			}
   
.zoom img:hover {display:grid;
				width: 800px;
				height: 450px;
				}
  
.twirl {
		-webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
            transition: all 1s ease;
		}
   
.twirl{
		display:grid;
		border-radius:0%;
		-webkit-transform: rotate(720deg);
       -moz-transform: rotate(720deg);
         -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
         transform: rotate(720deg);
		 }
			
			

/* END WELCOME SECTION */

/* SECTION BANNERS */

/* PRESENTATION SECTIONS */

.section-box {display:grid; position:relative;
			 grid-template-rows:auto;
			 grid-template-columns:200px auto 200px;
			 grid-auto-flow:column;
			 align-self:stretch;
			 border:none; background-color:black;
			 }
			 

.left-panel 
			{display:grid; position:relative;
			 padding:2px; height:auto;
			 max-width:250px;
			 align-content:start;
			 justify-content:start;
			 background-color:transparent; 
			 }
			 


			 
.mid-panel {display:grid; position:relative;
			   width:auto; max-width:100%;
			   height:auto;
			   justify-content:center;
			   align-content:center;
			   border:none;
			   background-color:transparent;
			   }

			 
.right-panel 
			{display:grid; position:relative;
			 padding:10px; height:auto;
			 align-content:start;
			 justify-content:center;
			 max-width:250px;
			 background-color:transparent;
			 }

			 
.caption-box {display:grid; position:relative;
			 grid-template-rows:auto;		 
			 grid-template-columns:200px auto 200px;
			 grid-auto-flow:column;
			 align-self:stretch;
			 border:none; background-color:black;
			 }			 
			 
			
p.caption-text {
			   font-size:1.2em; font-weight:700;
			   color:#fffacd;                              /* Lemonchiffon */
			   font-style:normal; 
			   font-family:calibri, "new times roman" ,cambria, serif;   			  
			   background-color:rgba(0,51,51,0.4);			   
			   }
  		  

.intro-caption {
				font-size:1em; font-weight:700;
				margin-left:auto; margin-right:auto;
				font-family:times, georgial, tahoma, serif;
				color:#fffacd; font-style:italic;
				border:none;
				}
				


p.caption-left	{display:grid; position:relative;
				text-align:left; height:auto;
				white-space:pre-wrap; width:250px;
				font-size:0.9em; font-weight:600;
				padding:5px; margin:0px; border:0px;
				color:#fffacd; background-color:transparent;
				}
				
p.caption-right {display:grid; position:relative;
				justify-content:end;
				text-align:left;
				height:auto;
				white-space:pre-wrap;
				font-size:0.9em; font-weight:600;
				padding:5px; margin:0px; border:0px; 
				color:#fffacd; background-color:transparent;
				}			  

/* SCRIPT STYLING */


.script-wrap {display: grid; position:relative;
			top:0; margin:0; 
			grid-template-columns:30ch 600px;
			grid-template-rows:auto;
			padding-right:40px; padding-left:20px;
			background-color:#c0c0c0;
			z-index:50;
			}

.time {margin:10px 0px; Padding: 2px 2px;
	   border:0px; text-decoration:none;
	   font-size:1em; font-weight:560;
	   font-family:calibri,ariel,sans-serif;
	   background-color:#c0c0c0;
	   color:black;	   
	   }

.script {width:1100px;
		 flex-flow:row nowrap;
		 margin:0;
		  padding-left:15px; padding-right:40px;
		 text-align: justify;
		 text-justify: inter-word;
		 text-decoration:none;
	     font-size:1.5em; font-weight:600;
	     font-family:"Courier New",larabiefont,monospace, calibri, ariel,sans-serif;
	     background-color:#c0c0c0; color:black !important;
	     border-left:1px solid black;
		 z-index:100;
		 }

.aside {position:absolute;
		height:auto;
		padding:10px 40px; left:0px;
		font-size:1em; font-weight:500;
	    font-family:calibri,ariel,sans-serif;
	    background-color:#c0c0c0; color:black;
		border:none;
	   }
	   
.aside > img {margin:0px; border:0px; padding:0px;
			   top:10px;}

.script-title {display:grid; position:relative;			   
			   grid-template-rows:50px;			   
			   grid-template-columns:100%;
			   flex-wrap:nowrap; align-content:center;
			   justify-content:center; text-align:center;
			   margin-top:10px; 
			   border-bottom:2px solid black; margin:0px;
			   font-size:1.8em; font-weight:800;
			   font-family:"javanese text","monotype corsiva",gabriola,"bookman old style",
							garamond,cambria,gentium,serif;
			   background-color:#c0c0c0; color:black;
			   z-index:51;
			   }
.subtitle 	{display:grid; position:relative;
			 justify-content:center;	
		     font-size:1.4em; font-weight:500;
		     font-style:italic;
		     font-family:"javanese text","monotype corsiva",gabriola,"bookman old style",
				garamond,cambria,gentium,serif;
			 background-color:#c0c0c0; color:black;
			 z-index:51;
		   }

.script-box {display:grid; position:relative;
			 grid-template-columns:80%;
			 justify-content:center;
			 padding:10px; border:1px solid black;
			 Margin-top:10px;
			 font-size:1.4em; font-weight:600;
			 text-align:left;
			 white-space:pre;
			 font-family:times, garamond, tahoma, sans-serif;
			 background-color:#c0c0c0; color:black;
			 }

.poem-box	  {display:inline-block; position:relative;
			   height:auto; width:100%;
			   padding:10px 15px; border:1px solid #2f4f4f;
			   background-color:#c0c0c0; color:black;
			   white-space:pre;
			   font-size:1em; font-weight:500;
			   }
			   
.text-box {display:grid; position:relative;
		   grid-template-rows:auto;
		   grid-template-columns:100%;                  /* MODIFY PRN WITH .w__ selector */
		   justify-content:center;		  
		   justify-self:center;
		   padding:10px; 
		   margin-left:auto; margin-right:auto;
		   }
		   
.txt-fmt1 {display:grid; position:relative;
		   width:auto; height:auto;
		   font-size:1.4em; font-weight:700;
		   text-align:left;
		   background-color:transparent;
		   color:#fffacd;
		   }
			   
a.next-stop 	{display:grid; position:relative;
				grid-template-rows:auto auto;
				grid-template-columns:200px;
				justify-content:end; 
				margin-right: -150px;
				}

p.nxt-txt  {display:grid; position:relative;
			justify-content:end; margin-right:-150px;
			font-size:0.9em; font-weight:800;
			font-family:"lucida handwriting", "freestyle script", "bradley Hand ITC", 
				"ink free", serif;
			  }
			   
/* STYLES FOR SCRIPT TEXT */

.lemon-ems {font-size:1em; font-weight:600;
			text-decoration:none; list-style-type:none;
			font-family:times, tahoma, palatino, georgia, garamond, serif;
			color:#fffacd;
			}
						   
			   
.serif	{font-family:"javanese text","monotype corsiva",gabriola,"bookman old style",
				garamond, "times new roman", cambria, gentium, serif;
				}
.sans-serif {font-family:calibri, larabiefont, monospace, ariel, sans-serif;}
			 
			   

 /* BREAK BOXES */
	
.break-title {display:grid; position:relative;
			  width:auto; height:auto; text-align:center; 
			  font-size:1.4em; font-weight:700;
			  font-family:limelight,"reach the end","liberation mono",sans-serif;
			  text-align:center; color:#ffd700;
			  }	
			  

	
.break-box {display:grid; position:relative;
			width:100%;
			margin-left:auto; margin-right:auto;
			grid-template-columns:250px 1fr 250px;
			grid-template-rows:auto auto auto;
			align-content:center;
			font-size:1.2em; color:#fffacd;
			padding:2px;
			border:2px solid orange;
			}
						
.lounge-break 	{display:grid; position:relative;
				grid-column-start:1;
				justify-items:center; align-content:start;
				width:250px; height:auto; 
				text-align:left;
				background-color:transparent;
				z-index:30; border:0px;
				color:#fffacd;
				}
				
.break-text {display:grid; position:relative;
			justify-content:left;
			text-align:left;
			width:100%; height:auto;
			padding:20px;
			font-size:1.2em; font-weight:600;
			Font-family:gabriola,century, "deja vu serif condensed", times, century, serif; 
			background-color:black; color:#fffacd;
			z-index:3; border:0px;
			}
			

			  
.break-over {display:grid; position:relative;
				height:200px; width:150px; 
				margin:0px; padding:0px;
				text-align:center;
				background-color:black;
				border:none;
				}
				

/* 3 PANEL ANCHOR BUTTON FOOTERS */

.foot-wrap   {display:grid; position:relative;
			  width:100%;
			  margin-left:auto; margin-right:auto;
			  grid-template-rows:auto auto auto;
			  grid-template-columns:250px 1fr 250px;
			  align-content:center;
			  justify-content:center;
			  margin-top:20px;
			  border:2px solid #ff8c00;
			  background-color:transparent;
			  z-index:300;
			  }

.left-foot 	{display:grid; position:relative;
			 grid-column-start:1;
			 justify-items:center; align-content:start;
			 width:250px; height:auto; 
			 text-align:left;
			 text-align:center;
			 top:5px; left:5px;
			 height:auto; width:250px; 
			 border:none; padding:2px;
			 background-color:transparent;
			 z-index:50; color:#fffacd;
			 }
			 
.mid-foot 	   {display:grid; position:relative;
				grid-template-rows:auto;
				grid-template-columns:80%;
				padding: 0px 10px;
			   text-align:center;
			   border:none;
			   font-size:1.2em; font-weight:800;
			   font-family:"Times New Roman", Cambria, Palatino, Garamond, serif;
			   color:#1e90ff;  background-color:transparent;			   
			   }

.mid-foot img  {display:inline-block; position:relative;
				top:20px;
				margin:0px auto; padding:0px; border:none;
				}
				
.mid-foot-title {text-align:center; 
			  font-size:1.4em; font-weight:700;
			  font-family:limelight,"reach the end","liberation mono",sans-serif;
			  text-align:center; color:#ffd700;
			  }
			  

				 
				
		 
.right-foot  {display:grid; position:relative;
			 grid-column-start:3;
			 justify-items:center; align-content:start;
			 width:250px; height:auto; 
			 text-align:right;
			 top:5px; right:5px;
			 height:auto; width:250px; 
			 border:none; padding:2px;
			 background-color:transparent;
			 z-index:50; color:#fffacd;
			 }
			 
.foot-caption {display:grid; position:relative;
			   text-align:center;
			   height:auto;
			   font-size:0.9em; font-weight:800;
			   font-family:"Lucida Handwriting", Tahoma, Georgia, "New Times Roman", serif;
			   color:#fffacd;  background-color:transparent;
			   z-index:50;
			   }			 
	
	
/* 3-PANEL BOX FOR MAD KING VERSES */


.jr-mkimg > img {display:grid; position:relative;
				 margin-left:auto; margin-right:auto;
				 border:0px;
				 }
	
.jr-box {display:grid; position:relative;
			grid-template-rows:400px;
			grid-template-columns:5% 90% 5%;
			justify-content:center;
			text-align:center;
			font-size:0.8em; font-weight:700;
			color:#fffacd;
			}
			
.jr-left 	{display:grid; position:relative;				
				justify-content:center;
				padding-left:10px;
				padding-top:5px;
				height:150px; width:150px;
				text-align:center; color:#fffacd;
				border:0px;
				background-color:transparent;
				z-index:50;
				}
				

.jr-verse {display:grid; position:relative;
			justify-content:center;
			width:auto; height:auto;
			margin-bottom:10px;
			margin-left:auto; margin-right:auto;
			padding:10px 0px;
			text-align:center;
			line-height:1.2em;
			white-space:pre-wrap;
			font-size:1.2em; font-weight:800;
			Font-family:century, "deja vu serif condensed", gabriola, times, century, serif;
			background-color:transparent; color:#b22222;
			border:6px ridge red; z-index:300;
			}
			

			  
.jr-right {display:grid; position:relative;
		   justify-content:center;
		   height:150px; width:150px; 
		   margin:0px; padding-right:10px;				
		   text-align:center;
		   background-color:transparent;
		   border:0px; 
			}
				



/* END CSS FOR ROTHENBERG'S VERSES */







				
/* DIAGNOSTICS */

.frame {border:2px solid red;}
.frame2 {border:1px solid blue;}
.frame3 {border:1px solid green;}
.frame4 {border:1px solid yellow;}
.frame5 {border:1px solid orange;}
.frame6 {border:1px solid cyan;}
.frame7 {border:1px solid fuchsia;}
.frame8 {border:1px solid gold;}
.frame9 {border:1px solid aliceblue;}
 
 body{box-sizing:border-box;
	  background-color:black;}