@font-face {
  font-family: 'VRM';
  src: url('UKNumberPlate.ttf') format('truetype');
}
@font-face{
  font-family: 'DVLA';
  src: url('DVLA-VRM-0d9e91a4f177479f1ca07a205fa783ba.woff') format('woff');
}
body{
  font-family: arial;
  font-size: 3vh;
}
audio{
  width:200px;
}
.modal{
    top: 12%;
    left: 12%;
    position: fixed;
    font-size: 72pt;
    text-align: center;
    width: 75%;
    height: 75%;
    background: white;
    border: solid thick black;
    position:fixed;
}
.modal-body #content{
  opacity:0.5;
}
.big-btn{
  background-color: cornflowerblue;
  text-align: center;
  margin: 10vh;
  padding: 4vh;
  border-radius: 1vh;
  color: aliceblue;
  cursor: pointer;
  border: solid thin black;
  box-shadow: 5px 4px 15px -5px #000000;
}

.big-btn:hover{
  color:black;
}
#start-again{
  margin: 8px;
  position:absolute;
  top:0;
  right:0;
  width:8ex;
}
input{
  font-size: 10vh;
  width:14ex; 
}
input#vrm{
  padding:0.4ex;
  font-family:DVLA, VRM;
  background:rgb(255,216,0);
}
#stage2 input{
  x-transform: scale(3);
  font-size: 15vh;

}

.staff-row>div{
  display: inline-block;
  min-width: 10ex;
}

.staff-vrm{
  font-size:200%;
}
.staff-dvla{
  position:relative;
}
.staff-dvla .popout{
  background:silver;
  padding:1ex;
  position:absolute;
  left:10ex;
  display:none;
}
.staff-dvla .popout.show{
  display:block;
}