@font-face {
 font-family: Skynet;
 src: url('skynet.ttf');
}
body{
 font-family: Skynet;
 background-color:black;
 color:white;
 -webkit-user-select:none;
 user-select:none;
 height: 100%;
 overflow: hidden
}
.logo {
  width:538px;
  margin-left:90px;
  margin-bottom:40px
}
.animated {
  transition-property: background-color;
  transition-duration: .6s;
}

.busts{
font-size:28px;
padding:30px
}

.danger:hover {
background-color:red;
}

.allmarks {
 position:absolute;
 margin-top:0px;
 margin-left:0px;
 opacity:0.9;
 width:99%;
 height:75px;
 background-color:black;
 overflow:hidden;
 z-index:20;
}
.open {
 margin-top:-650px;
 height:670px;
 padding-top:50px;
 border-radius:25px;
 border:1px gray solid;
}
.opensm {
 margin-top:-190px;
 height:180px;
 padding-top:50px;
 border-radius:25px;
 border:1px gray solid;
}
.marks {
 float:left;
 width:29px;
 height:29px;
 border-radius:17px;
 text-align:center;
 color:white;
 font-size:16pt;
 position:relative;
 margin-right: 3.1px;
 border: none;
}
.pButton{
float:left;
margin-left:40px;
width:80px;
margin-top:50px;
padding:20px;
border:1px gray solid;
border-radius:30px;
cursor:pointer
}
.button {
 font-size:21pt;
 float:left;
 border-radius:10px;
 cursor:pointer;
 padding:4px;
 margin:5px 5px 0 0;
 color:white;
 border:1px white solid;
 background-color:green;
}

.green-buttons {
position:fixed;
right:20px;
bottom:99px;z-index:10;
padding:0px;
width:1100px;
}
.button:active {
background-color:orange;
}

table {
 height:26px;
 width:99.7%;
 border-radius:25px;
 border-collapse:collapse;
 margin-left:5px
}
td {
 border:1px gray solid;
 width:1.5%;
 text-align:center
}
.count {
 font-size:150pt
}

.t-e {
padding:20px;
white-space: nowrap;
}
.active {
color:black;
background-color:orange;
border-radius:40px;
border: 1px white solid;
font-weight: bold;
}
.stage {
 width:980px;
 height:980px;
 position:relative;
 overflow:hidden;
 border-radius:30px;
}
.video {
 position:absolute;
 left:-180;
 top:150;
 -webkit-transform:scale(1.45);
/* FLOW-TOP
 top:-345;
 left:-610;
 -webkit-transform:scale(1.45);
*/
}
.pbar{
 height:10px;
 width:0%;
 background-color:green;
 border-radius:25px;
}
.result {
 height:34px;
 margin-top:5px;
 padding-left:5px;
 padding-top:5px;
 border:1px gray solid;
 border-radius:20px
}
.ready {
 border:1px greenyellow solid;
}

.total {
 border:2px solid orange;
 padding:10px 4px 6px 4px;
}

.not_ready {
 opacity:0.3;
}

.summary {
 position:absolute;
 margin-left:150px;
 width:400px;
 text-align:center;
 border-radius:30px;
}

.summary_view {
 position:absolute;
 margin-top:-250px;
 margin-left:-350px;
 width:400px;
 text-align:center;
 border-radius:30px;
}

.next {
 position:absolute;
 margin-top:3px;
 margin-left:995px;
 width:280px;
 height:860px;
 overflow:hidden;
 background-repeat: no-repeat;
 background-position: center;
 background-size:300px;
 border-radius:20px;
 opacity:0.7;
}
.elements {
 width:300px;
 position:absolute;
 border-radius:20px;
 margin: 0;
 top: 50%;
 transform: translate(0, -50%);
}
.nextnumber {
margin-top:-24px;
margin-left:-235px;
width:41px;
height:41px;
background-color:green;
border-radius:20px;
position:absolute;
color:white;
text-align:center;
font-size:21pt;
}
.tap {
 border:0px green solid;
 padding:80px;
 border-radius:80px
}