body {
    background: black;
    background-image: url("/images/background.png");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: auto;
    touch-action: none;
}

ul {
    padding-inline-start: 5vw;
}

.EntranceBody {
    background: black;
    background-image: url("/images/entrancebackground.png");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    touch-action: auto;
}

.SignPanel
{
    margin-left: auto;
    margin-right: auto;
    Border-radius: 1vw;
    width: 60%;
    background: #6c2192;
    border-style: solid;
    border-color: grey;
    border-width: 2vw;
    display: flex;
    justify-content: space-around;
    align-items: baseline;
    padding-right: 2vw;
    padding-top: 1vw;
    padding-bottom: 1vw;
}



.ButtonPanel {
    width: 70%;
    background: black;
    background-image: url("/images/button_background.png");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    border-style: solid;
    border-color: black;
    border-width: 5vw;
    display: inline-block;
    position: absolute;
    bottom: 5%;
    touch-action: none;
}

.SeatPlate {
    background: #3b3a39;
    border-radius: 20px ;
    height: 10vw;
    width: 20%;
    text-align:center;
    line-height: 100px;
    float: right;
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: absolute;
    bottom: 5%;
    right: 0;
}

.PlateRivet{
width: 1vw;
height: 1vw;
border-radius: 100%;
border:1vw solid grey;
background-color:black;
vertical-align: middle;

}

.lightbox {
  padding-top: 8%;
  display: flex;
  justify-content: space-around;
}

.lightbox div {
  display: flex;
  width: 25px;
  height: 25px;
}

.buttonbox {
  padding-top: 5vw;
  height: 20vw;
  display: flex;
  justify-content: space-around;
}

.textbox {
  position: fixed;
  width: 100%;
  bottom: 10px;
}

.HiddenStatus {
    visibility: hidden;
}

.StatusLightOff{
width: 5vw;
height: 5vw;
border-radius: 50%;
border:5px solid black;
background-color: #262424;
}

.StatusLightOn{
width: 5vw;
height: 5vw;
border-radius: 50%;
border:5px solid black;
background-color:orange;
-webkit-animation: flash linear 1s infinite;
animation: flash linear 1s infinite;
}
         @keyframes flash {
            0%, 50%, 100% {
               background-color: #262424;
            }
            25%, 75% {
               background-color:orange;
            }
         }
         
         .flash {
            animation-name: flash;
         }

button.PlayItButton{
width: 15vw;
height: 11.25vw;
border-radius: 15vw / 11.25vw;
padding:0;
outline: none;
background: url('/images/blank_button.png') no-repeat center;
background-size: contain;
color:#efce2f;
font-size: 6vw;
font-family: 'Conv_COPRGTB',Sans-Serif;
-webkit-text-stroke: 1px black; 
}
button.PlayItButton:disabled{
}
@font-face {
	font-family: 'Conv_COPRGTB';
	src: url('fonts/COPRGTB.eot');
	src: local('☺'), url('/fonts/COPRGTB.woff') format('woff'), url('/fonts/COPRGTB.ttf') format('truetype'), url('fonts/COPRGTB.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}