.box { width: 20%; margin: 0 auto; padding: 35px; border-radius: 20px/50px; background-clip: padding-box; text-align: center; }

.button { font-size: 1em; padding-top: 8px; padding-right: 2px; padding-left: 2px; padding-bottom: 8px; color: #fff; border-radius: 50px; text-decoration: none; transition: all 0.3s ease-out; }

.button:hover {
background-color: #9BF1FF;
-webkit-box-shadow: 0px 0px 10px 5px #9BF1FF;
box-shadow: 0px 0px 10px 5px #9BF1FF;
}



.overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; visibility: hidden; opacity: 0; }
  
  /* These two are for a test I am doing to make the storyboard larifications image pop up before going to the prop page  */
.overlaySBCL { position: fixed; top: 0; bottom: 0; left: 0; right: 0; visibility: hidden; opacity: 0; }
.overlaySBCL:target { visibility: visible; opacity: 1; }







.overlay:target { visibility: visible; opacity: 1; }


.popup { margin-right: auto; margin-left: auto; margin-bottom: 70px; padding-top: 10px; padding-right: 10px; padding-left: 10px; padding-bottom: 10px; border-radius: 20px; width: 60%; position: relative; transition: all 5s ease-in-out; margin-top: 70px; right: 4%; }


.popup h2 { margin-top: 0px; color: #FFFFFF; font-size: x-large; margin-bottom: 0px; }

.popup h4 { margin-top: 20px; color: #494949; font-size: small; font-style: normal; font-variant: normal; font-weight: normal; text-align: center; text-decoration: none; text-indent: 0px; text-shadow: 0px 0px 0px; text-transform: uppercase; letter-spacing: 3px; vertical-align: baseline; padding-top: 5px; padding-bottom: 5px; width: auto; }

.popup .close { position: absolute; top: 20px; right: 30px; transition: all 200ms; font-size: 30px; font-weight: bold; text-decoration: none; color: #9BF1FF; }





.popup .content { max-height: 30%; overflow: auto; }



/* This box is used on the black screen overlay listing the links to the existing model referenced in the entry  */
.blackScreenBoxes { border-radius: 20px; width: 100%; margin-top: 15px; margin-bottom: 0px; padding-top: 24px; padding-right: 24px; padding-bottom: 24px; padding-left: 24px; background-color: #000000; -webkit-box-shadow: 0px 0px 50px 20px #FFFFFF; box-shadow: 0px 0px 50px 20px #FFFFFF; opacity: 1; }